2017-01-06 43 views
1
var pincode=$(this).closest('tr').children('td.pincode').text(); 

上面的代碼工作無響應數據表我試圖存儲在按鈕的點擊在可變呼叫pin碼數據表pin碼列

但它不是在數據表中的響應視圖中工作是有任何替代的解決方案這個代碼

non responsive datatable

responsive datatable

responsive datable

table = $('#example').DataTable({ 
    "data": arr, 
    "iDisplayLength": 10, 
    "pagingType": "simple_numbers", 
    "bDestroy": true, 

    /* responsive: { 
      details: { 
       type: 'column', 
       target: 'tr' 
      } 
     },*/ 
    responsive: true, 

    columnDefs: [ 
     /*{ 
           className: 'control', 
           orderable: false, 
           targets: 0, 
           visible:true 
          },*/ 

     { 
      responsivePriority: 1, 
      targets: 1 
     }, 

     { 
      "aTargets": [0], 
      "sTitle": "Id", 
      "class": "Id", 
      "bSortable": true 
     }, 
     { 
      "aTargets": [1], 
      "sTitle": "name", 
      "class": "name", 
      "bSortable": true 
     }, 
     { 
      "aTargets": [2], 
      "sTitle": "gender", 
      "class": "gender", 
      "bSortable": true 
     }, 
     { 
      "aTargets": [3], 
      "sTitle": "pincode", 
      "class": "pincode", 
      "bSortable": true 
     }, 
     { 
      "aTargets": [4], 
      "sTitle": "City", 
      "class": "City", 
      "bSortable": true 
     }, 
     { 
      "aTargets": [5], 
      "sTitle": "Action", 
      "bSortable": true, 

      "render": function(data, type, row) { 
       var returnHTML = CreateDataHTML(data); 
       return returnHTML; 
      } 

     } 
    ], 

    order: [1, 'asc'] 
}); 
+0

你已經花了很多努力來寫這個問題。 – vijayP

+0

可以請你分享你的JS代碼實現數據表? – vijayP

+0

它依賴於表格在響應模式下的結構。你需要弄清楚物品相互之間的關係,或者你想要的物品是否隱藏。如果您在每種模式下發布表結構的樣本,可能會有所幫助。 – ADyson

回答

0

通過查看您的datatable初始化代碼,您可以嘗試下面的代碼。假設你的代碼行按鈕處理程序的代碼編寫的地方對當前每個DataTable行中的按鈕:

var data = table.row($(this).parents('tr')).data(); //current row data 
var pincode = data[3]; //pin code is at index 3 

這應該響應和無響應的情況工作。