Html 引导表更改引导设置的布局

Html 引导表更改引导设置的布局,html,css,twitter-bootstrap,bootstrap-table,Html,Css,Twitter Bootstrap,Bootstrap Table,我刚刚开始在一个使用引导和引导表的页面上工作 从引导开始,我可以使用以下选项选择我喜欢的布局: <table class="table"> 然后,我想从引导表中添加列排序功能,因此我将其更改为: <table class="table" data-toggle="table"> 这具有更改引导设置的演示文稿的效果 然后添加排序属性: <table class="table" data-toggle="table" data-sort-name="fnam

我刚刚开始在一个使用引导和引导表的页面上工作

从引导开始,我可以使用以下选项选择我喜欢的布局:

<table class="table">

然后,我想从引导表中添加列排序功能,因此我将其更改为:

<table class="table" data-toggle="table">

这具有更改引导设置的演示文稿的效果

然后添加排序属性:

<table class="table" data-toggle="table" data-sort-name="fname" data-sort-order="desc">
  <thead>
    <tr>
      <th data-field="fname" data-sortable="true">First Name
      <th data-field="lname" data-sortable="true">Last Name</th>

名字
姓
此功能正常,但每次我单击一个新标题以选择该标题作为我的排序列时,它都会调整该列的宽度

问题:

  • 是否可以使用引导表/而不更改引导设置的演示布局

  • 在选择新的排序列时,是否可以防止列宽的更改


  • 您需要为“td”提供一定值的固定宽度来实现这一点。像在本例中一样,您可以为三列提供“宽度:33.33%”。

    您可以使用此css,但对于响应性较小的版本,您可能会遇到一些问题

    th.插入符号{
    位置:绝对位置;
    }
    th{
    垂直对齐:中间对齐;
    }
    
    我不明白你说的“更改演示文稿布局”是什么意思。也许你可以删除你不想使用的css?你能说得更具体些吗