datatables插件结合bootstrap使用笔记

最新推荐文章于 2022-12-06 09:30:00 发布

不打伞的小鱼

最新推荐文章于 2022-12-06 09:30:00 发布

阅读量2.4k

点赞数

分类专栏： javascript+Ajax+JQuery 文章标签： jquery bootstrap javascript 插件

本文链接：https://blog.csdn.net/u013035080/article/details/39229611

版权

javascript+Ajax+JQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1.要根据某一行返回的数据来给定一个样式：

mSettings.aoColumns=[

           { "mData": "status","fnCreatedCell": function(nTd, sData, oData, iRow, iCol){
            if (sData == "Normal") {
                $(nTd).attr('class','label label-success');
             }else if (sData == "Forbidden"){
               $(nTd).attr('class','label label-info');
            }
          } },

];

2.要在表格最后加上“操作”栏：

mSettings.aoColumnDefs=[

{
 "aTargets":[9],
 "mData":null,
 "sDefaultContent":"<a class='tip-top' data-toggle='modal' data-target='#myModal' data-original-title='修改'></a> <a class='tip-top' data-original-title='删除' href='#'></a> <a class='tip-top' data-original-title='分配角色' href='#'></a>"
 }

];

3.要改变某一个td为别的标签，如span：

mSettings.aoColumnDefs=[

         {
                                        "aTargets": [8],
                                        "sCellType": "span"
                                      }

];

“aTargets"属性是指定第几行数据，从0开始。