表格合併列與文字居中顯示

1.豎列實現使用 br換行




2.合併列使用 rowspan=“6”

<table class="table table-bordered">
                        <tbody>
                        <tr>
                            <td class="td-background" rowspan="6" style="text-align: center;vertical-align:middle;"><br><br><br></td>
                            <td class="td-background">時間</td>
                            <td>金額</td>
                        </tr>
                        <tr>
                            <td class="td-background">第一季度</td>
                            <td>¥ {$data.first_quarter|default='0.00'}</td>
                        </tr>
                        <tr>
                            <td class="td-background">第二季度</td>
                            <td>¥ {$data.second_quarter|default='0.00'}</td>
                        </tr>
                        <tr>
                            <td class="td-background">第三季度</td>
                            <td>¥ {$data.third_quarter|default='0.00'}</td>
                        </tr>
                        <tr>
                            <td class="td-background">第四季度</td>
                            <td>¥ {$data.fourth_quarter|default='0.00'}</td>
                        </tr>
                        <tr>
                            <td class="td-background">全年合計</td>
                            <td>¥ {$data.year_task|default='0.00'}</td>
                        </tr>
                        </tbody>
                    </table>

顯示結果頁
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章