自定义列

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_44540236/article/details/96422188

开发工具与关键技术：VS    NVC 
作者:听民谣的老猫
撰写时间：2019/7/15   11:07

讲一讲关于数据表格的自定义列（layui插件的数据表格）

代码部分 (忽略数据接口之类的)

页面效果

初始列

初始列这种有了数据接口只要 field: '名称'名称和控制器对应就能实现数据的对应接收。

如下:

自定义列

自定义列需要定义一个方法，方法名得与templet后面的: KangarooName名称一致。

相对于初始列来说自定义列不仅仅是像初始列那样一对一接收数据，你可以通过data这样来接收控制器传过来的所有数据，然后通过字符串拼接来实现多条数据的装载。也不像初始列那样单调，很明显在字符串拼接过程你可以拼接一些样式进去。

 

上面这样的你也可以通过自定义列来实现，同样是数据表格，像上面这样展示出来。对于前台这样需要用户体验的就很ok啦。

同样，我配餐那个勾也是自定义列，数据库配餐是个bool类型所以通过if(){}else{}判断一下，如果是true就返回一个勾，如果是false就返回一个叉。