美文网首页
DataTable第一列添加行号问题

DataTable第一列添加行号问题

作者: 小岛wink | 来源:发表于2019-07-19 14:53 被阅读0次

最近做的项目,个人中心各个管理界面列表都应用DataTable,大部分第一列都是CheckBox,提供多选进行删除功能,这次做的功能表格不需要多选删除,第一列要显示行号,去掉CheckBox,以下是添加行号的代码:

//数据表格处理
        var table = $('#dataTable').DataTable({
            ajaxSource: "${ctx}/qindex/search",
            type:"post",
            bAutoWidth: false, //取消宽度自适应
            iDisplayLength: 5, //每页初始显示5条记录
            columns: [
        {  //行号
                className: "编号",
                orderable: false,
            data: null,
            sWidth:"5%",
            render: function (data, type, row, meta) {
            var no = meta.settings._iDisplayStart + meta.row + 1;
            return no;
        }},
                {data: "qiId", visible: false},
                {data: "name",orderable: false,sWidth:"40%"},//menuCatalogId
                {data: "typeName",orderable: false,sWidth:"15%"},
                {data: "sortPosition",orderable: false,sWidth:"10%"},
                {data: "stsDate",orderable: false,sWidth:"20%"},
                {createdCell: function (td, cellData, rowData, row, col) {
                        var operateHtml = "";
                        <shiro:hasPermission name="system:security:menu:edit">
                        if(operateHtml.length > 0) {operateHtml += "&nbsp;&nbsp;";}
                        operateHtml += "<i class='fa fa-pencil' onclick=\"editData('" + rowData.qiId + "')\"></i>";
                        </shiro:hasPermission>
                        <shiro:hasPermission name="system:security:menu:delete">
                        if(operateHtml.length > 0) {operateHtml += "&nbsp;&nbsp;";}
                        operateHtml += "<i class='fa fa-trash-o' onclick=\"deleteData('" + rowData.qiId + "')\"></i>";
                       </shiro:hasPermission>
                        $(td).html(operateHtml);
                    }, orderable: false
                }
            ],
            columnDefs: [
                {
                    defaultContent: "",
                    targets: "_all"
                }
            ],
            select: {
                style: 'multi',
                selector: 'td:first-child'
            },
            order: [[1, 'desc']]
        });

显示效果:


image.png

相关文章

  • DataTable第一列添加行号问题

    最近做的项目,个人中心各个管理界面列表都应用DataTable,大部分第一列都是CheckBox,提供多选进行删除...

  • datatable合并多列

    在使用datatable的时候,有时候会用到合并多列的情况,在datatable中添加drawCallback属性...

  • datatable显示行号

  • 九宫格计算

    列号的计算方法为当前要添加的位置索引和总列数取模(求余) 行号的计算方法为当前要添加的位置索引和总列数取商(除法)...

  • C# DataTable中使用Select

    例子中使用本地XML缓存读取DataSet,从中取出所需DataTable,可在DataTable中选出所需的列以...

  • Vim小技巧

    1:显示行号 显示当前行号是第几行的方法有很多种,可以通过为文档添加行号来实现,添加行号的方法是在命令模式下输入:...

  • .Net DataTable 计算列小结

    .Net的DataTable的列可以是计算列,可以在列属性Expression中设置表达式,这样可以获得其它列相关...

  • 指示器隐藏

    ##九宫格 -利用空间索引计算出控件所在的行号和列好 -利用列好计算X -利用行号计算Y ##HUB -其他说法,...

  • 嵌入式学习笔记19. 11.13

    二维数组a[ i ][ j ](i为行号,j为列号) 二维数组大小为行号×列号。 a[ ]可以代表一行的所有值。 ...

  • 数据伪列

    一、行号:rownum(核心)基本语法:select*from(select 列1,列2 ... rownum r...

网友评论

      本文标题:DataTable第一列添加行号问题

      本文链接:https://www.haomeiwen.com/subject/qdxslctx.html