<ej:Grid ID="Grid1" runat='server' AllowPaging="True" DataSourceID="SqlDataSourceGrawe" AllowSorting="True" EnableHeaderHover="True" DataSourceCachingMode="None" ColumnLayout="Fixed">
<Columns>
<ej:Column DataType="number" Field="ProductID" IsPrimaryKey="True">
</ej:Column>
<ej:Column DataType="string" Field="ProductName" Width="100">
</ej:Column>
<ej:Column DataType="number" Field="SupplierID" Width="200">
</ej:Column>
<ej:Column DataType="number" Field="CategoryID">
</ej:Column>
<ej:Column DataType="string" Field="QuantityPerUnit">
</ej:Column>
<ej:Column DataType="number" Field="UnitPrice">
</ej:Column>
<ej:Column DataType="number" Field="UnitsInStock">
</ej:Column>
<ej:Column DataType="number" Field="UnitsOnOrder">
</ej:Column>
<ej:Column DataType="number" Field="ReorderLevel">
</ej:Column>
<ej:Column DataType="string" Field="Discontinued">
</ej:Column>
<ej:Column DataType="string" Field="CategoryName">
</ej:Column>
</Columns>
<PageSettings Template=""></PageSettings>
<RowDropSettings DropTargetID="" DropMapper=""></RowDropSettings>
<ScrollSettings EnableTouchScroll="False"></ScrollSettings>
</ej:Grid>
<CSS>
. . .
.e-table {
border-collapse:collapse ;
border:1px solid #FF0000 !important;
width:100%;
table-layout: fixed; // Modified CSS styles
margin-top: 0px;
}
.e-hide {
display:none; //Remove the unwanted row
}
. . .
.e-gridheader {
white-space:normal !important;
/*border-bottom:1px solid ;
border-bottom-width:1px !important;*/
border-bottom-color: #98bed4 !important;
background-color: whitesmoke !important;
}
. . . |