Chart+List範例

Widget程式碼範例

<div class="chart_content">
    <p>可自訂widget說明(可省略)</p>
    <!-- 圖表 -->
    <figure class="highcharts-figure">
        <div id="自訂名稱"></div>
    </figure>
    <!-- table -->
    <div class="table_wrapper">
        <table class="table_hover">
            <thead>
                <tr>
                    <th>...</th>
                    <th>...</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>...</td>
                    <td>...</td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-- pagination -->
    <div class="pagination">
        <ul class="page">
            <li class="first"><a href="#" title="第一頁">第一頁 </a></li>
            <li class="prev"><a href="#" title="回上一頁">回上一頁 </a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">...</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="#">10</a></li>
            <li class="next"><a href="#" title="下一頁">下一頁 </a></li>
            <li class="last"><a href="#" title="最後一頁">最後一頁 </a></li>
        </ul>
    </div>
</div>

Chart+List

update:

Lorem ipsum dolor sit amet, consectetur adipisicing elit

設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:

Lorem ipsum dolor sit amet, consectetur adipisicing elit

設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276

Chart+List

update:
設備 刀號 時間 實際壽命 額定壽命
D02 T2-103 285 276
D02 T2-104 275 276
D02 T2-105 276 276
D02 T2-105 276 276
D02 T2-105 276 276