layuiTable固定列

开发工具与关键技术：VS and Js
作者：代富强
撰写时间：2021.5.17

平常写layuiTable表格的时候，如果列太多就会发现一些经常查看的信息就需要来回拖动滚动条才能看到，十分麻烦。如果有什么办法可以让经常查看的那一列定在一旁会不会方便很多呢？
其实要把经常查看的那一列定在一旁并不难。下面先写出layuiTable的css代码：

@*Layui表格*@

在引入Js文件之后就开始编写js代码，首先给它声明一下变量 var layer, layuiTable, form;//用于加载layui中的弹出层模块和table表格模块 var tabClient;//供货商表

然后是表的具体数据：
$(function () {
layui.use([‘layer’, ‘table’], function () {
layer = layui.layer;
layuiTable = layui.table;
//初始化表格
tabClient = layuiTable.render({
elem: “#tabClient”,
cellMinWidth: 120,
cols: [[
{ type: ‘checkbox’, fixed: ‘left’ },//复选框列,fixed:‘left’ 将列固定在左边
{ type: “numbers”, title: “序号”, align: “center” },//序列号
{ field: “clientID”, title: “clientID”, hide: true },//隐藏列，