Есть ли способ переименовать ярлыки столбцов, например, вместо RequestID, это идентификатор запроса и т.д. И упорядочить столбцы таблицы таким образом, чтобы первая строка была 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>
Большое спасибо за вашу помощь.
Я не смог найти какую-либо полезную информацию в Интернете.
Лучше всего было бы разделить все на логические таблицы или списки определений. Вы могли бы заманить стол, чтобы он выглядел как нижний результат, но вы делаете это "на лету", и это будет довольно на заказ (и хрупкий) код.
Я не уверен, что у вас есть контроль над рендерингом таблицы (но, похоже, это так, потому что вы используете данные json), но я бы начал искать. В противном случае вы можете разбить разделы с элементами tr
содержащими пустые td
элементы, и добавить класс в td, чтобы они казались пустыми. Это грубо, хотя и даже не отдаленно семантично.