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

Question

有没有办法重命名列标签，比如不是RequestID，而是RequestID等，并对表列进行排序，使第一行是RequestID和RequestDate，其余的像etc一样？

请忽略交替颜色格式。

$("#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>

事先非常感谢您的帮助。

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

Answer 1

您最好将所有内容分离到逻辑表或定义列表中。你可以把表格弄乱，看起来像是底部的结果，但你正在动态地这样做，这将是非常定制(而且很脆弱(的代码。

我不确定您是否可以控制表的呈现(但似乎可以控制，因为您使用的是json数据(，但这将是我开始寻找的地方。如果做不到这一点，您可以用包含空td元素的tr元素分解部分，并向td添加一个类，使它们看起来是空格。不过，这很恶心，甚至根本没有语义。