u012033169的博客

这篇文章记录一下datatables的一些主要设置this.dtOptions = { columns: [ { title: '用户名', data: 'name', width: '10%' }, { title: '行政区名称', data: 'xzq...

最近在使用angular5作为框架搭建网站前端平台，需要使用表格。以前都是使用的jquery的datatables插件，但是不知道在angular框架中是否还能使用。在github中尝试搜索了一下，果然有datatables的angular版本，于是马上下载投入使用，本系列就是记录angular-datatables的学习与使用之路。基本格式HTML<table datatable [dtO...

这篇文章主要介绍dtOptions中的columns和columnDefs属性，这两个属性的类型都是array。colunms和colunmDefs属性都可以用来定义表格中的列，不同点在于columns只能一列一列的定义，也就是说你有多少个th，就要定义多少个。而colunmDefs可以定义一个或多个列的属性，colunmDefs相对于columns多了一个targets选项，它表示定义的是哪些列...

这篇文章记录一些datatables常用的回调函数rowCallback：表格行绘制的回调函数rowCallback: (row, data, index) => {}参数row表示这一行的dom，data表示这一行的全部数据，index表示这一行的内部索引。另外还有一个相似的回调函数createdRow，参数也是一样的，官网上说createdRow的效率高于rowCallback，实践中也...

这篇文章记录一下datatables的服务器端模式。当需要显示的数据量太大时，采用客户端模式效率就会比较低下，此时就需要服务器端模式。datatables的服务端模式开启方式：serverSide: true服务端模式需要ajax的配合，datatables的每一次翻页，查找，排序等时都会自动调用ajax。此时ajax可以是Object也可以是function。例如：ajax: { ...