Мне нужна помощь с двумя вопросами, пожалуйста.
На изображении вид моей страницы «Сотрудник», «Вид», «Индекс», с моим правым боковым меню в верхней правой части страницы.
введите описание изображения здесь
Вопрос 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>