table添加橫向滾動條

<div style="width:1000px; height:200px; overflow:scroll;">
    <table border="1" rules="all" style="width:2000px; height:100px; text-align:center">
        <tr>
            <th>ID</th>
            <th>標題</th>
            <th>簡介</th>
            <th>作者</th>
            <th>庫存</th>
            <th>價格</th>
            <th>銷量</th>
            <th>備注</th>
            <th>閱讀數</th>
            <th>點贊數</th>
            <th>收藏數</th>
            <th>評論數</th>
            <th>發布時間</th>
            <th>修改時間</th>
        </tr>
        <tr>
            <td>1</td>
            <td>這是一篇標題很長的文章用來測試表格的測試標題</td>
            <td>這是一篇標題很長的文章用來測試表格不被太多列擠得變形的描述...</td>
            <td>管理員</td>
            <td>3000</td>
            <td>120.68</td>
            <td>1200</td>
            <td>測試啊測試test</td>
            <td>123</td>
            <td>20</td>
            <td>17</td>
            <td>5</td>
            <td>2018-03-06 12:00:00</td>
            <td>2018-03-07 15:00:00</td>
        </tr>
        <tr>
            <td>1</td>
            <td>這是一篇標題很長的文章用來測試表格的測試標題</td>
            <td>這是一篇標題很長的文章用來測試表格不被太多列擠得變形的描述...</td>
            <td>管理員</td>
            <td>3000</td>
            <td>120.68</td>
            <td>1200</td>
            <td>測試啊測試test</td>
            <td>123</td>
            <td>20</td>
            <td>17</td>
            <td>5</td>
            <td>2018-03-06 12:00:00</td>
            <td>2018-03-07 15:00:00</td>
        </tr>
       
    </table>
</div>