91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

Bootstrap Table -detailView和detailFilter的使用

小億
169
2023-12-19 07:41:45
欄目: 編程語言

Bootstrap Table 中的 detailView 和 detailFilter 是兩個功能,用于展示和過濾表格中的詳細信息。

  1. detailView:通過設置 detailView 屬性為 true,可以在每一行的末尾添加一個展開/收起按鈕,點擊該按鈕可以展示當前行的詳細信息。詳細信息可以是一個字符串或者一個 HTML 元素。

    例如:

    $('#table').bootstrapTable({
      columns: [{
        field: 'name',
        title: 'Name'
      }, {
        field: 'email',
        title: 'Email'
      }],
      detailView: true,
      detailFormatter: function(index, row) {
        var html = [];
        html.push('<p><b>Name:</b> ' + row.name + '</p>');
        html.push('<p><b>Email:</b> ' + row.email + '</p>');
        return html.join('');
      }
    });
    
  2. detailFilter:通過設置 detailFilter 屬性為 true,在表格的頂部添加一個輸入框,可以用于過濾表格中的詳細信息。輸入框支持模糊搜索。

    例如:

    $('#table').bootstrapTable({
      columns: [{
        field: 'name',
        title: 'Name'
      }, {
        field: 'email',
        title: 'Email'
      }],
      detailFilter: true
    });
    

    在表格中的每一行的詳細信息中進行搜索,只需要在輸入框中輸入關鍵字即可。

以上就是 detailView 和 detailFilter 的簡單使用方法。您可以根據自己的需求進行進一步的定制和調整。

0
银川市| 蕲春县| 遵义县| 临沧市| 仙桃市| 漳平市| 图们市| 宁津县| 临汾市| 恩施市| 江城| 高邮市| 永顺县| 正蓝旗| 大新县| 科技| 乌拉特后旗| 当雄县| 双江| 香格里拉县| 河间市| 深州市| 财经| 屯留县| 芷江| 昌平区| 深泽县| 芒康县| 德州市| 乳源| 沂水县| 武陟县| 盐山县| 乳山市| 龙胜| 嵊泗县| 吉林市| 漾濞| 长海县| 黑水县| 屏东县|