带有摘要和详细信息的Bootstrap表

Question

我正在尝试使用引导表创建一个显示摘要行的表，并允许您通过单击加号来展开摘要以显示详细信息。

Answer 1

在表定义中使用它并编写详细代码

<table id="yourTable" 
  data-detail-view="true
  data-detail-formatter="detailFormatter">
  ...

<script>
function detailFormatter(index, row) {
    var html = [];
    $.each(row, function (key, value) {
        html.push('<p><b>' + key + ':</b> ' + value + '</p>');
    });
    return html.join('');
}
</script>