Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
40
iggrid colum with ui-hidden-phone is still visible when viewing on mobile browser
posted
@(Html.Infragistics()
.Grid<User>()
.ID("grid")
.Width("100%")
.Height("100%")
.Caption("Users")
.ShowHeader(true)
.PrimaryKey("UserRecordID")
.AutoGenerateColumns(false)
.DefaultColumnWidth("5%")
.Columns(column =>
{
    column.For(x => x.UserRecordID).HeaderText("Record ID").Width("8%");
    column.For(x => x.FirstName).HeaderText("First Name").Width("10%");
    column.For(x => x.LastName).HeaderText("Last Name").Width("10%");
    column.For(x => x.UserName).HeaderText("User Name").Width("10%");
    column.For(x => x.EmailAddress).HeaderText("Email Address").Width("20%");
    column.For(x => x.Active).HeaderText("Active").Width("5%");
})
.Features(feature =>
{
    feature.Responsive()
    .EnableVerticalRendering(false)
    .ReactOnContainerWidthChanges(true)
    .ForceResponsiveGridWidth(true)
    .ColumnSettings(cs =>
    {
        cs.ColumnSetting().ColumnKey("UserRecordID").Classes("ui-hidden-phone hidden-phone");
        cs.ColumnSetting().ColumnKey("FirstName").Classes("");
        cs.ColumnSetting().ColumnKey("LastName").Classes("");
        cs.ColumnSetting().ColumnKey("UserName").Classes("");
        cs.ColumnSetting().ColumnKey("EmailAddress").Classes("ui-hidden-phone hidden-phone");
        cs.ColumnSetting().ColumnKey("Password").Classes("ui-hidden-phone hidden-phone");
        cs.ColumnSetting().ColumnKey("Active").Classes("ui-hidden-phone hidden-phone");
    });
 
})
.Features(features =>
{
    features.Sorting().Type(OpType.Remote).Mode(SortingMode.Single);
    features.Filtering().Mode(FilterMode.Simple);
    features.Selection().MultipleSelection(false).Mode(SelectionMode.Row);
})
.DataSourceUrl(Url.Action("UsersBinding"))
.DataBind()
.Render()
)