通过jQuery更改表列顺序和命名约定

时间:2014-05-01 17:17:21

标签: javascript jquery json jquery-datatables

有没有办法重命名列标签,而不是RequestID,它是Request Id等,并对表列进行排序,使得第一行是RequestID和Request Date,其余类似等等?

请忽略交替颜色格式。

$("#example").on("click", "a[target='tab']", function(){
  var me = $(this);
  var url = me.attr("href");
  var tabName = me.data("tabName");
  var tabIndex = parseInt(me.data("tabIndex"), 10);
  $.get(url, function(data) {
var table = $( '<table style="font-weight:bold;font-size:10pt;border-color:#ddd;" cellpadding="4" width="100%" cellspacing="0" />' ),
    tr = $( '<tr/>' ),
    td = $( '<td/>' ),
    th = $( '<th/>' );

//alert(JSON.stringify(data));
  $.each( data[ 0 ], function(key,value) {
       tr.clone().html( td.clone().html( key.bold() ) )
       .append( td.clone().html( value ) )
       .appendTo( table );
   });
    $(tabName).html(table);
    // Activate the tab once the page has loaded:
    $("#tabs").tabs("option", "active", tabIndex);
    }, 'json');
     // Prevent the browser from following the link:
    return false;
    });
   });
</script>

非常感谢您的协助。

我无法在网上找到任何有用的信息。

1 个答案:

答案 0 :(得分:0)

最好的办法是将所有内容分成逻辑表或定义列表。你可以将表格看作最底层的结果,但是你在飞行中这样做,并且将是非常定制(和脆弱)的代码。

我不确定你是否可以控制表的呈现(但是你似乎已经使用了json数据),但那将是我开始寻找的地方。如果不这样做,您可以使用包含空tr元素的td元素拆分部分,并向td添加一个类,使它们看起来像是空格。虽然这很糟糕,甚至不是远程语义。