ما هو أقرب تقريب مسج إلى Datatable Yui؟

Question

أولويتتي الأعلى هي تعزيز تدريجي وتحرير مضمون. لقد وجدت تعزيز تدريجي (DataTables.) التحرير المضمنة (jqgrid.)، لكن ليس كلاهما. دعم مواضيع jQuery UI سيكون لطيفا، ولكنه أولوية أقل.

تحديث: إليك مثال على ما أتصور الحل سوف يشبه:

<table summary="A table full of example tabular data">
  <caption>My Table to Progressively Enhance</caption>
  <thead>
    <tr>
      <th id="colA">Column A</th>
      <th id="colB">Column B</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td headers="colA">foo</td>
      <td headers="colB">bar</td>
    </tr>
    <tr>
      <td headers="colA">argle</td>
      <td headers="colB">bargle</td>
    </tr>
  </tbody>
</table>

… insert jquery datatable stuff here …

<script type="text/javascript">
    progressivelyEnhanceMyTable();
</script>

Answer 1

مع أحدث إصدار من JQGrid، نحن نحصل الآن tableToGrid, ، الذي يحل مشكلة الشبكة من علامتها تماما بشكل جيد.

Answer 2

أظن jqgrid. سيكون مناسبا جيدا جدا.

تحديث:

يمكنك استخدام رمز مثل هذا لتحويل الجدول الخاص بك إلى كائن JavaScript

var $table = $('table'); // select your table
var data = []; // instantiate the data array
$('tr', $table).each(function(i, item){ // loop through the table rows
    obj = {} // create the object to append to the data array
    obj.name = $('td:eq(0)',$(this)).text().trim(); 
    obj.desc = $('td:eq(1)',$(this)).text().trim();
    data += obj; // add the object to the array
});

ثم تكفه في مثل في تحميل مثال بيانات صفيف

for(var i=0;i<=data.length;i++) $("#datagrid").addRowData(i+1,data[i]); 

Answer 3

هناك مكون إضافي لاستدعاء DataTables jQuery-dataTables قابلة للتحرير والتي تضيف التحرير المضمنة.