如何在数据表中将thead设置为垂直?

时间:2016-06-20 06:28:04

标签: php jquery html datatables

我使用过jquery datatable,

HTML代码

<table id="result_table" class="display table table-bordered" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Username</th>
                        <th>Activation Status</th>
                        <th>Recent Login</th>
                        <th>Total No. of login</th>
                        <th>Avg No. of login/day</th>
                        <th>Total No. of Exports</th>
                        <th>Total No. of access</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>#</th>
                        <th>Username</th>
                        <th>Activation Status</th>
                        <th>Recent Login</th>
                        <th>Total No. of login</th>
                        <th>Avg No. of login/day</th>
                        <th>Total No. of Exports</th>
                        <th>Total No. of access</th>
                    </tr>
                </tfoot>
            </table>

我必须在JSON数据类型的ajax调用中加载表数据这里我的PHP代码

while($row = mysql_fetch_array($run_query)){
    $name = $row['first_name'];
    $name_string = "<a edit_id='name_".trim($name)."' href='#' onClick=\"click_today('{$name}');\"  data-toggle='modal' data-target='#myModal'>{$name}</a>";

    //onClick=\"click_today('{$name}');\"
    $result_array[] = array($row['id'], $name_string, $row['last_name'], $row['job_title'], $row['salary'],"-","-","-");
}
echo json_encode($result_array);

实际上我的结果是(样本输出) enter image description here

但我希望在datatable中输出图像 enter image description here

我不知道如何在jquery数据表中实现垂直头我总是使用水平thead但现在我需要垂直头,因为需要请分享你的建议或解决方案

1 个答案:

答案 0 :(得分:0)

然后可以从服务器端[php] 进行此类输出   分配数据表。我也遇到过这个问题,但是我从服务器端开始   另一种方法是使用 PIVOT表更改预期格式   使用数据库