《前端》bootstraptable2021-01-26

Bootstrap：Bootstrap_table第一篇：快速用bootstrap_table（支持参数）筛选并展示数据，固定表格前几列，实现表格单元格编辑 

https://www.cnblogs.com/lelexiu/p/10196062.html

 

 

bootstrapTable 中的td过长 需要加省略号并且鼠标悬停显示全部

首先需要在html里加style="table-layout:fixed;width: 100%;"

<table class="table table-striped" id="historyTable" data-toggle="table" style="table-layout:fixed;width: 100%;">
</table>

然后在js中colums里加方法 
 

cellStyle:pageLogic.formatter.formatTableUnit,
formatter: pageLogic.formatter.paramsMatter

 

$("#btTable").on("click", ".process", function (event) {
    var id = $(event.target).attr("name");
    $("#historyTable").bootstrapTable('destroy');
    $('#historyTable').bootstrapTable({
        toggle: 'table',
        method: 'post', 
        url: 'shiHouJianGuan/history',
        toolbar: '#toolbar',
        //pagination: true,//页数
        //search: true,
        queryParams: function (queryParams) {
            var query = {
                id
                 };
            return query;
        },//参数
        showColumns: true,
        showRefresh: true,
        //pageSize: '10',
        columns: [{
            title: 'id',