526互联

bootstrap_库

发布时间 2023-09-07 14:12:22作者: AutomationAnywhere

Bootstrat

　　<script src="Scripts/bootstrap/JS/jquery.js"></script>                   //  jquery.js需放在bootstrap.js的上面
　　<script src="Scripts/bootstrap/JS/bootstrap.js"></script>

　　<link rel="stylesheet" href="Scripts/bootstrap/CSS/bootstrap.css" />

表格

<script src="Scripts/bootstrap/JS/bootstrap-table.js"></script>
<link href="Scripts/bootstrap/CSS/bootstrap-table.css" rel="stylesheet" />

中文化

<script src="Scripts/bootstrap/JS/bootstrap-table-zh-CN.min.js"></script>

表格导出

<script src="js/bootstrap-table-export.js"></script> 
showExport: true,                                           //是否显示导出
exportDataType: basic,                                      //导出数据类型，支持：'基本'，'全部'，'选中'
exportTypes:['json', 'xml', 'csv', 'txt', 'sql', 'excel']   //导出类型

自动刷新

<script src="extensions/auto-refresh/bootstrap-table-auto-refresh.js"></script>
autoRefresh: true,                              //设置 true 为启用自动刷新插件。这并不意味着启用自动刷新
autoRefreshStatus: true,                        //设置 true 为启用自动刷新。这是表加载时状态自动刷新
autoRefreshInterval: 60,                        //每次发生自动刷新的时间（以秒为单位）
autoRefreshSilent: true                         //设置为静默自动刷新

复制行

<script src="extensions/copy-rows/bootstrap-table-copy-rows.js"></script>
showCopyRows: true,                                 //设置 true 为显示复制按钮。此按钮将所选行的内容复制到剪贴板
copyWithHidden: true,                               //设置 true 为使用隐藏列进行复制
copyDelimiter: ', ',                                //复制时，此分隔符将插入列值之间
copyNewline: '\n'                                   //复制时，此换行符将插入行值之间