“ 若依教程独家分享！点赞+关注，一起从「蒟蒻」变成「大佬」~”

1 表格操作技巧，你get了多少？

本期内容

1 常规表格加栏栅边框？  

2 内容自适应内容长度？

3 左侧锁定或冻列？

4 内容列调色？ 

5 数据自动排序依照某个字段？ 

6 修改单元格内容的样式？

2 常规表格加栅栏边框，应该怎么控制么？

将正常生成的表格样式层的div样式由 table­striped 调整成 table­bordered 即 可！

3 内容自适应长度，应该怎么控制么？

表格加table样式，text-nowrap控制内容不换行，表格外层加上。

表格里面的thead和tbody不能省略，否则表格样式不会被使用。

4 表格左侧锁定列，应该怎么控制么？

在原代码中加入 fixedColumns 、fixedNumber 两个属性参数

fixedColumns:true,
fixedNumber:3,

说明：

5 表格列调色，应该怎么控制么？

需要在原代码中加入样式：

cellStyle:function (value, row, index) {
  	return {
      css: {"background‐color": "red"}}; 
}

6 表格数据排序，应该怎么控制么？

在需要排序的字段下添加 sortable:true 

{ 
  	field: 'zdfxProcess', 
    title: '完成率%', 
    sortable:true 
},

7 修改单元格样式，应该怎么控制么？

如单元格内容是超链接，其他样式同理

field: 'url',
title: '下载地址', 
formatter: function (value, row, index) {
   return "" + value+""; 
 }

如果想围观票圈，可以扫这个二维码加我微信～