Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
141175 | Nov 28,2018 11:18 AM UTC | Dec 3,2018 05:26 AM UTC | ASP.NET Core - EJ 2 | 5 |
![]() |
Tags: DataGrid |
<ejs-tab id="defaultTab" heightAdjustMode="Auto" overflowMode="Scrollable">
<e-tab-tabitems>
<e-tab-tabitem header="ViewBag.headerTextTwo" content="#general-section"></e-tab-tabitem>
<e-tab-tabitem header="ViewBag.headerTextOne" content="#user-section"></e-tab-tabitem>
</e-tab-tabitems>
</ejs-tab>
<div id="general-section" style="display: none">
<h1>TEST</h1>
</div>
<div id="user-section" style="display: none">
<div class="row">
<ejs-grid id="Grid" actionComplete="actionComplete" toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })" dataSource="ViewBag.dataSource">
<e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Dialog"></e-grid-editSettings>
<e-grid-columns>
<e-grid-column field="CustomerID" headerText="Customer Name" width="150"></e-grid-column>
</e-grid-columns>
</ejs-grid>
</div>
<style>
// Its need to add the below CSS
html, body{
height: 100% !important;
}
</style>
|
<style>
// add the below css to set grid form table width 100%
.e-edit-dialog .e-gridform .e-table { border-collapse: separate;
border-spacing: 11px;
width: 100%;
}
.e-edit-dialog .e-dlg-content {
position: relative;
}
</style>
|
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.