1
У меня есть фиксированный заголовочный стол и элемент управления сеткой. Я много пытался исправить каждый заголовок столбца под каждым столбцом, но не смог добиться успеха. Когда я вижу в проверке, он показывает, что ширина идентификатора заголовка 50 пикселей является правильной. Но это показывает, что граница EmpID шириной 66 пикселей неверна. Аналогично для заголовка Employee показывает 150px правильно, но для boundfield EmpName показывает 200px. Как исправить ширину и выровнять каждый столбец с результатом заголовка и сетки?Ширина и выравнивание Gridview
<div style="height: 30px; margin: 0; padding: 0">
<table id="tblHeader" class=""
style="background-color: #336666; color: white; border-collapse: collapse; height: 100%;">
<tr>
<td style="text-align:left;width: 50px">
<span>ID</span>
</td>
<td style="text-align:left;width: 150px">
<span>Employee</span>
</td>
</tr>
</table>
</div>
<div style="height: 360px; overflow: auto;">
<asp:GridView ID="grdEmp" runat="server" AutoGenerateColumns="False"
OnRowCommand="grdEmp_RowCommand" ShowHeader="false"
GridLines="None" Font-Size="Small">
<Columns>
<asp:BoundField DataField="EmpID" ItemStyle-Width="50px">
</asp:BoundField>
<asp:BoundField DataField="EmpName">
<ItemStyle CssClass="RowStyle150"></ItemStyle>
</asp:BoundField>
</Columns>
<RowStyle BackColor="White" ForeColor="#333333" />
</asp:GridView>
</div>
.RowStyle50 {
text-align:left;
padding-left: 0px;
padding-right: 0px;
width: 50px !important;
}
.RowStyle150 {
text-align:left;
padding-left: 0px;
padding-right: 0px;
width: 150px !important;
}
Может быть ячейки таблицы имеют некоторые обивка или Маржа добавить? Потому что, когда я попробовал ваш пример, он работает правильно. – Lesmian
Это не работает со мной. Можете ли вы поделиться тем, что вы сделали – Raja
Я ничего не сделал, я только что скопировал ваш пример. Возможно, у вас есть еще какой-нибудь css или, возможно, у меня есть. Я использовал пример формы веб-форм VS 2015. – Lesmian