Как сделать таблицу на весь экран - PullRequest
0 голосов
/ 21 апреля 2020

Мне нужна помощь с двумя вопросами, пожалуйста.

На изображении вид моей страницы «Сотрудник», «Вид», «Индекс», с моим правым боковым меню в верхней правой части страницы.

введите описание изображения здесь

Вопрос 1: Как я могу заставить таблицу заполнять экран? Я использовал для панели навигации, и она работала нормально, но когда я использую ее для страницы «Сотрудник», «Просмотр», «Индекс», она не работает и попробовала другие методы CSS, которые все еще не работают.

Я использую Cerulean тему Bootswatch3.

Вопрос 2: Как я могу расположить меню в правой части экрана?

@model IEnumerable<LMK_HR.Models.Employee>

        @{
            ViewBag.Title = "Index";
        }

        <h2>Employee List</h2>

        <p>
            @Html.ActionLink("Create New", "Create")
        </p>
        @*Side Menu*@
        <div class="col-md-offset-10">

            @{ Html.RenderAction("SideMenu", "Employee");}

        </div>
        @*END Side Menu*@

 <div class="container-fluid">
    <table class="table table-striped table-hover">
        <tr class="warning">
            <th>
                @Html.DisplayNameFor(model => model.Title.EmpTitle)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.EmployeeNo)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.FirstName)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Surname)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.DOB)
            </th>

            <th></th>
        </tr class="warning">

        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.Title.EmpTitle)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.EmployeeNo)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.FirstName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Surname)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.DOB)
                </td>
                <td>
                    @Html.ActionLink("Edit", "Edit", new { id = item.EmployeeId }) |
                    @Html.ActionLink("Delete", "Delete", new { id = item.EmployeeId })
                </td>
            </tr>
        }
    </table>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...