WebGrid寻呼机样式

Question

有什么办法可以将样式应用于WebGrid寻呼机？

我发现这样做的唯一方法是从客户端通过编写jquery代码， 但它似乎有点肮脏。

有没有任何正常的方式来为这个GridHelper提供CSS？

Answer 1

对于寻呼机中的样式链接，您可以正常使用CSS。您只需确保您可以通过CSS选择器识别链接。如果你把你寻呼机呼叫可识别的元素，这是很简单的：

<div id="pager"> 
    @grid.Pager() 
</div> 

现在，您可以访问链接的样式：

#pager a { 
    color: pink; 
    text-decoration: none; 
} 
#pager a:hover { 
    color: green; 
    text-decoration: underline; 
} 

Answer 2

这是一个与CSS简单。

设置您的页脚风格table-pager

@grid.GetHtml(
    mode: WebGridPagerModes.All, 
    columns: gridColumns, 
    tableStyle: "table table-striped table-condensed table-responsive table-hover", 
    rowStyle: "table-row-clickable", 
    footerStyle: "table-pager" 
) 

，并添加这个CSS：

.table-pager > td { 
    padding-top: 10px; 
} 

    .table-pager > td > a { 
    background-color: #f5f5f5; 
    border: 1px solid #ccc; 
    border-radius: 3px; 
    padding: 3px 7px; 
    } 

    .table-pager > td > a:hover { 
    background-color: #f0f0f0; 
    }