html - 标题和左3列固定的表？

我正在使用bootstrap类.table-response，并且该表包含一个类似这样的水平滚动条：

<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column ...</th>
                <th>Column n</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Column 1</td>
                <td>Column ...</td>
                <td>Column n</td>
            </tr>
        </tbody>
    </table>
</div>

但是我需要使标题和前3列冻结。
 我已经尝试了一些小提琴，css技巧和我发现的东西，但这破坏了.table-active，这些示例似乎仅适用于适合100％浏览器宽度的表。

最佳答案

也许此http://getbootstrap.com/css/#grid-example-basic可以解决您的问题。

<thead>
     <tr>
         <th class="col-md-1">Column 1</th>
         <th class="col-md-1">Column 2</th>
         <th class="col-md-1">Column 3</th>
         <th>Column ...</th>
         <th>Column n</th>
     </tr>
</thead>

关于html - 标题和左3列固定的表？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41902334/