Я создал таблицу с панелью инструментов, которая содержит две кнопки. Все отображается правильно, пока данные не возвращаются с контроллера и не отображаются. Затем панель инструментов и таблица перекрывают друг друга. Я не совсем уверен, где внести изменения, так как это происходит только после повторного рендеринга таблицы с данными. В приведенном ниже примере я показываю таблицу до того, как данные вернутся, после заполнения, а затем после изменения размера браузера.
index.cshtml
<div class="form-group">
<h3>Pending Users</h3>
<p>
Users who have been invited to your business, but haven't accepted yet.
</p>
<table id="pending-users" data-striped="true" data-pagination="true" data-cache="false" data-page-list="[10, 25, 50, 100, 200]" data-side-pagination="server" data-toggle="table" data-toolbar="#toolbar" data-url="@Url.Action("GetPendingUsers", "Users")">
<thead>
<tr>
<th data-field="BusinessUserId" data-visible="false"></th>
<th data-field="FirstName">First Name</th>
<th data-field="LastName">Last Name</th>
<th data-field="EmailAddress">Email Address</th>
<th data-field="action" data-formatter="pendingUsersActionFormatter" data-events="pendingUsersActionEvents">Invitation</th>
</tr>
</thead>
</table>
<div id="toolbar" class="btn-group">
<button id="add-user-button" type="button" class="btn btn-default">
<i class="glyphicon glyphicon-plus"></i>
Add Individual User
</button>
<button id="bulk-upload-button" type="button" class="btn btn-default">
<i class="fa fa-cloud-upload"></i>
Import Multiple Users
</button>
</div>
UsersController.cs
public ActionResult GetPendingUsers(int limit, int offset) {
var business = _businessService.GetBusinessFromUserId(UserProfile.Current.UserId);
var results = _businessService.GetBusinessUsers(business.Id);
var businessUserListItems = new List<BusinessUserListItemModel>();
return Json(new { rows = businessUserListItems, total = results.TotalItems }, JsonRequestBehavior.AllowGet);
}
До данных
Панель инструментов с перекрытием
После изменения размера