Панель инструментов, перекрывающая содержимое таблицы в начальной загрузке - PullRequest
0 голосов
/ 25 октября 2019

Я создал таблицу с панелью инструментов, которая содержит две кнопки. Все отображается правильно, пока данные не возвращаются с контроллера и не отображаются. Затем панель инструментов и таблица перекрывают друг друга. Я не совсем уверен, где внести изменения, так как это происходит только после повторного рендеринга таблицы с данными. В приведенном ниже примере я показываю таблицу до того, как данные вернутся, после заполнения, а затем после изменения размера браузера.

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);
}

До данных

Панель инструментов с перекрытием

После изменения размера

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...