像使用div结构的内容显示表？

Question

是否可以使用div结构而不是表格显示内容，如附加屏幕截图所示，除了使用jQuery进行切换控制外，还可以单独使用html / CSS。

关于输出的几点：

1. 在用户点击之前，任何子行及其内容都不会显示 父行的箭头图标，再次单击相同的箭头将隐藏 各自的孩子排。
2. 点击箭头图标将使用jQuery切换动画使子行可见。
3. 必须要有回应。

Answer 1

我想你想做的事情可能是这样的：

EMBER TABLE
http://addepar.github.io/#/ember-table/overview

你可以将div放入一个像css display:table布局的表格中。

<强> HTML

<div class="mytable">
    <div>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
    </div>   
    <div>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
    </div>
<div>

<强> CSS

div.mytable {
    display: table;
    width: 100%;
}

div.mytable > div {
    display: table-row;
    width: 100%;
}
div.mytable > div > div {
    display: table-cell;
    width: 20%;
    padding:1em;
}

<强>样本

JSFiddle在这里：http://jsfiddle.net/naokiota/jCqm7/3/

你可以阅读这个页面： Layout divs in css like table cells in HTML Tables

希望这有帮助。