Изменить порядок столбцов таблицы и соглашение об именах с помощью jQuery

0

Есть ли способ переименовать ярлыки столбцов, например, вместо 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>

Большое спасибо за вашу помощь.

Я не смог найти какую-либо полезную информацию в Интернете.

Теги:
jquery-datatables

1 ответ

0
Лучший ответ

Лучше всего было бы разделить все на логические таблицы или списки определений. Вы могли бы заманить стол, чтобы он выглядел как нижний результат, но вы делаете это "на лету", и это будет довольно на заказ (и хрупкий) код.

Я не уверен, что у вас есть контроль над рендерингом таблицы (но, похоже, это так, потому что вы используете данные json), но я бы начал искать. В противном случае вы можете разбить разделы с элементами tr содержащими пустые td элементы, и добавить класс в td, чтобы они казались пустыми. Это грубо, хотя и даже не отдаленно семантично.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню