1. 程式人生 > >給datatable新增序號列

給datatable新增序號列

1、在html中新增一個序號列

<table id="dynamic-table">
     <thead>
          <tr>
              <th width="10%">序號</th>
              <th width="45%">專案名稱</th>
              <th width="45%">專案編號</th> 
          </tr>
     </thead>

     <tbody>

     </tbody>
</table>

2、js中定義一個null的列
var col = [
    	{"data": null},
        {"data": 'projectName'},
        {"data": 'projectCode'}
]
3、datatable
var myTable = $('#dynamic-table')
        .DataTable({
            "bAutoWidth": true,
            "scrollY": 'auto',
            "aaSorting": [],
            "bFilter": false,
            "bLengthChange": false,
            select: {
                style: 'single'
            },
            "processing": true,
            "serverSide": true,
            ajax: function (data, callback, settings) {
                var params = {
                    //請求引數     
                }
                demo.ajax.postUrl("/summary/getPage.serv",
                    params,
                    function (返回資料) {
                        if () {
                            callback({
                                
                            });
                        }
                        else {
                            
                        }
                        //alert(ret);
                        return;
                    }, true
                )
                //callback(JSON.parse( localStorage.getItem('dataTablesData') ));
            },
            columns: col,

            //欄位顯示配置及轉換
            "columnDefs": [
            	{"searchable": false, "orderable": false, "className": "hidden-xs hidden-sm", "targets": 0},
                {"searchable": true, "orderable": false, "className": "hidden-xs hidden-sm", "targets": 1},
                {"searchable": true, "orderable": false, "className": "hidden-xs hidden-sm", "targets": 2}
            ]            
        });
    //為datatable增加序號
myTable.on('order.dt search.dt',function(){ myTable.column(0,{ search: 'applied', order: 'applied' }).nodes().each(function(cell,i){ i = i + 1; var page = myTable.page.info(); var pageno = page.page; var length = page.length; var columnIndex = (i+pageno*length); cell.innerHTML = columnIndex; }); }).draw();



相關推薦

datatable新增序號

1、在html中新增一個序號列 <table id="dynamic-table"> <thead> <tr>

mysql中查詢結果新增序號

 生成一個欄位(非表中欄位)用以記錄排序   【類比為oracle資料庫中的rownum】     MySQL中一個表(表名:stuscore)     欄位有:id(主鍵)、stuid(學號)、sname(學生姓名)、subject(課程名稱)、score(分

在mysql中查詢的結果新增序號

上面的這個連結其實只適用於sql server2005 在mysql中的方法是下面這篇部落格 把部落格中的內容貼上一下 第一種方法: select   (@i:[email protected]+1)   as   i,table_name.*  

查詢出的SQL記錄新增序號(轉,很實用!)

給查詢出的SQL記錄新增序號列,解決方法有以下兩種 第一:   select ROW_NUMBER() OVER (ORDER BY a.欄位 ASC) AS XUHAO,a.* from table a (table 為表名,欄位為表a中的欄位名) 第二:  s

ASP.NET操作DataTable各種方法總結(Datatable新增行列、DataTable選擇排序等)

  using System; using System.Collections.Generic; using System.Data; using System.Text; namespace Gzcms.Common { public cl

linux中 alias 新增命令引數

定義 alias 時,有用命令列引數的需求。但通過查證文件的結果是,alias 根本就不支援傳遞命令列引數。不過,我們可以變通的解決這個問題,即定義函式。 程式碼如下複製程式碼alias test='test() { echo $1; };test'[[email 

DataTable新增序號

/// <summary> /// 新增一列序號 /// </summary> /// <param name="dt">需要新增序號列的表</param>

dataTable添加序號

獲取 tab gets tar cti ear arc ren render 使用render( data, type, row, meta )的參數meta 直接新加一個列 columns: [ {data: "id", title: "id",

layui table中新增序號

頁面檔案在相應的位置上新增下面兩個模組的程式碼: 第一模組:在render table 時新增: { field: 'rank', title: '序號', width: 80, sort: true, fixed: 'left', templet: '#rank' } 第二模組:在<script

JQuery DataTable 序號的顯示

因專案需求,查詢出DataTable顯示序號的幾種方式: 1.前端分頁。 首先設定該序號列為空列,即 {"data": null, "targets": 0 } //表示:第一列的值暫時設為null。 在dataTable設定引數完成後,增加以下程式碼: /* 設定

如何在MySQL裡構造SQL語句,自動查詢出來的結果加一從1開始的序號

兩種辦法: 第一種:快捷 select (@i:[email protected]+1) as i,a.* from zakk_carinfo_201811 a,(select @i:=0) as it where CI_ThroughTime between "2018-11-2

XSL中利用xsl:for-each時每一項新增序號

經常用for-each來迴圈讀取XML中的某個節點集,但常常需要加上序號這樣來做:<xsl:template match="Book"><xsl:for-each select="Authors/Author">    <xsl:number value="position()"

DataTable新增和行的三種方法

#region 方法三: DataTable table =new DataTable();//建立table的第一列DataColumn priceColumn =new DataColumn(); priceColumn.DataType = System.Type.GetType("System.D

vb.net 對DataTable 新增和賦值

       新增列:dtData.Columns.Add("XXX")       遍歷:          For Each row As DataRow In dtData.Rows           ‘獲取指定列的值             Dim aaa A

layui資料表格某新增樣式的三種方法

layui給資料表格某列新增樣式的三種方法 一、方式一(最簡單的方法) 二、方式二(利用template) 三、方式三(在資料返回前做好處理,也就是寫入html程式碼) layui給資料表格列新增樣式的方式目前我就發現三種

c# 在DataTable的第一(指定)的前面新增

在寫程式時可能會遇到這種情況,DataGrid或者其他控制元件繫結DataTable不是通過列繫結的,而是直接繫結到DataTable。所以,需要在後臺設定好DataTable的格式,以便以期望的格式顯示在控制元件上。比如需要動態地新增一列,並新增到指定位置。 在網上搜了教

asp.net datatable 新增並且設定順序

 clsTable.dtResourceTopView.Columns.Add("承載率(%)", typeof(decimal));                   //調整列順序 ,列排序從0開始   clsTa

動態新增DataTable的第一

 dt.Columns.Add(new DataColumn("序號", Type.GetType("System.String")));  dt.Columns["序號"].SetOrdinal(0);  for (int i = 0; i < dt.Rows.Count; i++)  {     

DataTable 新增一行,

  向 DataTable 新增 一列 //新增列 DataColumn dc = new DataColumn(); dc.DataType = System.Type.GetType("System.String"

編寫JS指令碼mongodb新增一列為已有的相關值

Mongodb是文件資料庫,即我們無需在建立的時候確定文件的儲存結果,可以隨時新增自己想要的欄位。 有的時候我們在使用Mongodb的時候會遇到下面的情形,想給Mongodb集合新增一個欄位,且該欄位