Datatables中文网

当从 Ajax 源加载数据，在默认情况下，数据表将寻找要使用返回的对象的数据参数中的数据 （例如 {"data"： [......]}）。 通过使用 ajaxDT选项的dataSrc 启动选项来改变属性。

dataSrc有许多用法如下：

NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
Airi SatouAccountantTokyo54072008/11/28$162,700
Angelica RamosChief Executive Officer (CEO)London57972009/10/09$1,200,000
Ashton CoxJunior Technical AuthorSan Francisco15622009/01/12$86,000
Bradley GreerSoftware EngineerLondon25582012/10/13$132,000
Brenden WagnerSoftware EngineerSan Francisco13142011/06/07$206,850
Brielle WilliamsonIntegration SpecialistNew York48042012/12/02$372,000
Bruno NashSoftware EngineerLondon62222011/05/03$163,500
Caesar VancePre-Sales SupportNew York83302011/12/12$106,450
Cara StevensSales AssistantNew York39902011/12/06$145,600
Cedric KellySenior Javascript DeveloperEdinburgh62242012/03/29$433,060
Showing 1 to 10 of 57 entries
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function() {
      $('#example').dataTable( {
          "ajax": {
              "url": "data/objects_root_array.txt",
              //默认为data,这里定义为空，则只需要传不带属性的数据
              "dataSrc": ""
          },
          "columns": [
              { "data": "name" },
              { "data": "position" },
              { "data": "office" },
              { "data": "extn" },
              { "data": "start_date" },
              { "data": "salary" }
          ]
      } );
  } );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Extn.</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
 
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Extn.</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
    </table>

http://datatables.net/examples/ajax/custom_data_flat.html

Translation from DataTables.net, with permission