表格如何将左侧固定,右侧增加X滚动条

一个3行10列的表格,将左边3列固定,右边7列加入scroll-x滚动条,求推荐方法

excel?????

好办。先用一个大表格分两列,一列里用一个table分三列放固定不动的,一列里用一个table放七列可以滚动的。然后把table属性变成display:block,再定位就可以了

比如html可以这样:

test1test2test3
test1test2test3
test1test2test3
            </td>
            <td>
                <table class="table-scroll">
                    <tr>
                        <td>test4</td>
                        <td>test5</td>
                        <td>test6</td>
                        <td>test7</td>
                        <td>test8</td>
                        <td>test9</td>
                        <td>test10</td>
                    </tr>
                    <tr>
                        <td>test4</td>
                        <td>test5</td>
                        <td>test6</td>
                        <td>test7</td>
                        <td>test8</td>
                        <td>test9</td>
                        <td>test10</td>
                    </tr>
                    <tr>
                        <td>test4</td>
                        <td>test5</td>
                        <td>test6</td>
                        <td>test7</td>
                        <td>test8</td>
                        <td>test9</td>
                        <td>test10</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
 style可以这样:
table { border:1px #fff solid; border-collapse:collapse;}
table tr td { border:1px #fff solid; color:#fff; vertical-align:top;padding:5px 10px;}
.table-scroll { overflow-y:scroll; display:block; height:200px;}
.table-scroll td { height:1000px;}
<!DOCTYPE html>




table
























test1test2test3
test1test2test3
test1test2test3






























test4test5test6test7test8test9test10
test4test5test6test7test8test9test10
test4test5test6test7test8test9test10




table { border:1px #fff solid; border-collapse:collapse;}<br> table tr td { border:1px #ccc solid; color:#fff; vertical-align:top;padding:5px 10px; color:#f00}<br> .table-scroll { overflow-y:scroll; display:block; height:200px;}<br> .table-scroll td { height:1000px;}

好恼心,贴上来样式都是丑的。你理解下我话,自己动手试下就知道了,我试了是可以的