1. 首頁
  2. 問答
  3. 使用jQuery DataTables定製設計

使用jQuery DataTables定製設計

2013-05-01 57 views
0

我正在使用jQuery DataTables對錶格數據進行排序，我想定製佈局。而不是注入HTML元素的框架，我只想在應該使用的地方指定使用ID。這是我的初始化：使用jQuery DataTables定製設計

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     $('#results-table').dataTable({ 
      "sDom": 'fi' 
     }); 
    }); 
</script>

這會放入搜索欄和信息文本。我已經創建了一個我想用於過濾器的輸入以及一個顯示信息的div。我只需要框架將HTML插入到這些元素中，而不是創建新的元素。

來源

2013-05-01 Arun

+0

那些元件輸入他們的用戶ID的按鈕的onclick由用戶標識應用於特定的過濾器，使我沒有顯示用戶柱，和一個用戶確實發生在桌子外面。不確定你在問什麼。 – 2013-05-01 20:23:19

+0

你是什麼意思「在桌子外面」？他們在

html – 2013-05-01 20:24:29

+0

之外，我很抱歉在那裏不清楚。我的意思是當Datatables初始化時，它會在

周圍創建三個div（包裝器，過濾器和信息）。我已經創建了一個我想用於過濾器的輸入以及一個顯示信息的div。我只需要框架將HTML插入到這些元素中，而不是創建新的元素。 – Arun2013-05-01 20:41:25

回答

1

好了，所以這是你如何添加自己的元素到sDom（請注意，在我的例子中，我使用jQuery的用戶界面的風格，所以我必須添加UI元素）

var oTable = $('#example').dataTable({ 
    "bJQueryUI": true, 
    "bProcessing": true, 
    "bServerSide": true, 
    "sDom": '<"ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-  helper-clearfix"l f <"dataTables_mylist"><"dataTables_dater"> r>t<"ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>',

datatables_mylist和dataTables_dater這兩個元素都是我在加載後注入內容的元素ID。在DataTables初始化後，您需要使用標準的jQuery/DOM方法（即appendChild），它不能獲取現有元素並將其移動。

在我的申請，MYLIST是不必須在搜索框中

來源

2013-05-02 00:52:58

相關問題

 相關問題