bootstrap table 小计行_bootstrap Table的一些小操作

àì夳堔傛蜴生んèń 2023-01-01 04:57 145阅读 0赞

function HQCreatTable(ob) \{var option =\{

cache:false,//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性(\*)

scrollX: true,

scrollY:true,

striped:true, //使表格带有条纹//是否显示行间隔色

sidePagination: "client",//分页方式：client客户端分页，server服务端分页(\*)

pagination: true, //在表格底部显示分页工具栏

pageNumber: 1, //初始化加载第一页，默认第一页

pageSize: 10,

pageList: \[10,15\],//可供选择的每页的行数(\*)

showColumns: false,//是否显示所有的列

sortable: true, //是否启用排序

clickToSelect:true,//是否启用点击选中行

showRefresh: false, //显示刷新按钮//search: false,//是否显示右上角的搜索框//toolbar: '\#toolbar',//工具按钮用哪个容器

uniqueId: "ID", //每一行的唯一标识，一般为主键列

undefinedText: "",

toolbarAlign:'left',

exportDataType:"all", //basic', 'all', 'selected'.

\}if(ob.rowStyle) \{

option.rowStyle= ob.rowStyle;//行样式 是函数

\}//排序

if(ob.sortOrder) \{

option.sortOrder=ob.sortOrder;

\}else\{

option.sortOrder= "desc";

\}if(ob.sortName) \{

option.sortName=ob.sortName;

\}if(ob.showExport) \{

option.showExport= ob.showExport;//导出Excel

\}if(ob.showFooter) \{

option.showFooter= ob.showFooter;//是否显示统计页脚

\}if(ob.searchAlign) \{

option.searchAlign=ob.searchAlign;

\}if(ob.num) \{

option.pageSize= ob.num;//每页的记录行数(\*)

\}if(ob.data) \{

option.data=ob.data;

\}else\{

option.data=\[\];

\}if(ob.search) \{

option.search=ob.search;

\}if(ob.columns) \{

option.columns=ob.columns;

\}if(ob.onClickRow) \{

option.onClickRow=ob.onClickRow;

\}if(ob.onDblClickRow) \{

option.onDblClickRow=ob.onDblClickRow;

\}if(ob.onDblClickRow) \{

option.onDblClickRow=ob.onDblClickRow;

\}if(ob.onCheck) \{

option.onCheck=ob.onCheck;

\}if(ob.onAll) \{

option.onAll=ob.onAll;

\}if(ob.onLoadSuccess) \{

option.onLoadSuccess=ob.onLoadSuccess;

\}if(ob.toolbar) \{

option.toolbar=ob.toolbar;

\}if (ob.singleSelect || ob.singleSelect == false) \{

option.singleSelect=ob.singleSelect

\}else\{

option.singleSelect= true;//禁止多选

\}if(ob.maintainSelected) \{

option.maintainSelected=ob.maintainSelected;

\}else\{

option.maintainSelected= false;//设置为 true 在点击分页按钮或搜索按钮时，将记住checkbox的选择项

\}if (ob.detailView) \{ option.detailView =ob.detailView; \}if(ob.onExpandRow) \{

option.onExpandRow=ob.onExpandRow;

\}if(ob.onEditableSave) \{

option.onEditableSave=ob.onEditableSave;

\}

$(ob.id).bootstrapTable('destroy');

$(ob.id).bootstrapTable(option);if(ob.data) \{

$(ob.id).bootstrapTable('load', ob.data);

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap-table

<head> <meta charset="utf-8"> <title></title> <link rel="stylesh...

痛定思痛。/ 2024年04月17日 05:30/ 0 赞/ 92 阅读

相关 BootStrap Table行内编辑

BootStrap Table行内编辑 BootStrap作为目前比较流行的一款前端框架，平时开发中也用到的很多，之前在写项目页面用的Bootstrap，数据展示用的Bo

拼搏现实的明天。/ 2023年07月03日 12:20/ 0 赞/ 30 阅读

相关 bootstrap table 小计行_bootstrap Table的一些小操作

function HQCreatTable(ob) \{var option =\{ cache:false,//是否使用缓存，默认为true，所以一般情况下需要设置一下这个

àì夳堔傛蜴生んèń/ 2023年01月01日 04:57/ 0 赞/ 146 阅读

相关 bootstrap-table使用

Bootstrap-table的基本使用这是一款很好的前端分页和表格显示的插件官方地址：[https://bootstrap-table.com/][https_

梦里梦外;/ 2022年10月02日 04:50/ 0 赞/ 258 阅读

相关 bootstrap-table的一些配置参数例子

bootstrap-table的一些配置参数 $('reportTable').bootstrapTable({ method: 'post',

野性酷女/ 2022年07月28日 00:05/ 0 赞/ 228 阅读

相关 Bootstrap Table学习

Bootstrap Table是基于 Bootstrap 的 [jQuery][] 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展

比眉伴天荒/ 2022年06月14日 06:57/ 0 赞/ 221 阅读

相关 bootstrap table

1. bootstrap table 1) ：jsp 部分 <div class="panel-body"> <table id="brid">

た入场券/ 2022年05月13日 12:54/ 0 赞/ 237 阅读

相关 bootstrap table入门

今天在做公司的项目，项目要求是需要前端bootstrap table。作为一个实习生，还是第一次接触这个前端框架。然后做了一点笔记。首先，无论我们使用什么框架，第一步肯定是

左手的ㄟ右手/ 2022年03月10日 15:38/ 0 赞/ 307 阅读

相关 bootstrap table 设置行背景色

先看一个例子： <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.m

Bertha 。/ 2021年06月22日 15:38/ 0 赞/ 566 阅读

相关 Bootstrap table方法，Bootstrap table事件，配置

调用 BootStrap Table 方法的语法： $('\table').bootstrapTable('method', parameter); 例如： $('\my

谁践踏了优雅/ 2021年06月22日 15:38/ 0 赞/ 822 阅读