为特定列覆盖<th>元素的CSS样式

-1

我对CSS/html有点新。我试图包含这个jquery插件使用tablesorter，基本上可以让你的列排序。当按下表格的标题以按升序/降序对列进行排序时，它看起来会改变类别类型。我试图按照这个教程：http://weblogs.asp.net/hajan/archive/2011/02/09/table-sorting-amp-pagination-with-jquery-in-asp-net-mvc.aspx 为特定列覆盖<th>元素的CSS样式

所以在我的一个专栏中，排序是没有意义的，因为它是完全相同的。我从一个asp.net/mvc3应用程序开始，我指的是最后一列，您可以点击“详细信息”。由于这不会改变，所以我想不在该列中有上/下箭头。原来的CSS是这样的：

table.tablesorter { 
    font-family:arial; 
    background-color: #CDCDCD; 
    margin:10px 0pt 15px; 
    font-size: 11pt; 
    width: 100%; 
    text-align: left; 
} 
table.tablesorter thead tr th, table.tablesorter tfoot tr th { 
    background-color: #e6EEEE; 
    border: 1px solid #FFF; 
    font-size: 10pt; 
    padding: 4px; 
} 
table.tablesorter thead tr .header { 
    background-image: url(themes/base/images/bg.gif); 
    background-repeat: no-repeat; 
    background-position: center right; 
    cursor: pointer; 
} 
table.tablesorter tbody td { 
    color: #3D3D3D; 
    padding: 4px; 
    background-color: #FFF; 
    vertical-align: top; 
} 
table.tablesorter tbody tr.odd td { 
    background-color:#F0F0F6; 
} 
table.tablesorter thead tr .headerSortUp { 
    background-image: url(themes/base/images/asc.gif); 
} 
table.tablesorter thead tr .headerSortDown { 
    background-image: url(themes/base/images/desc.gif); 
} 
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { 
    background-color: #8dbdd8; 
}

所以我想我可以添加：

table.tablesorter thead .nostyle { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
    background-color: #8dbdd8; 
}

然后在标头，我不想做的风格，这样做：

  <th class="#nostyle"></th>

但是，不起作用。我正确地处理这个问题吗？或者，还有更好的方法？谢谢！

来源

2013-01-12 Crystal

o_O .......... ..'class =“＃nostyle”'....'class =“nostyle”' – rlemon

因为你的班级不对。 #nostyle类别不匹配.nostyle。与class="nostyle"

<th class="nostyle"></th>

来源

2013-01-12 02:39:43 luiges90

如果您使用.nostyle匹配元素

table.tablesorter thead .nostyle

你的类应该是为前 'nostyle' 而不是 '#nostyle'：

<th class="nostyle"></th>

来源

2013-01-12 02:40:38

为什么不能简单地禁用排序上那些专栏？

http://tablesorter.com/docs/#Configuration

外观为 '报头' 设置：

头对象的指令无效的对象在格式每列控制：标题：{0：{选项：设置}，.. 。}例如，要禁用表的前两列排序：标题：{0：{sorter：false}，1：{sorter：false}}

来源

2013-01-12 02:41:21

为特定列覆盖<th>元素的CSS样式

回答

相关问题