I'm having positioning problems with @RenderBody()
, I can not adjust it according to the side menu, I would like a solution, thanks.
<divclass="nav-side-menu">
<div class="brand">Life Players</div>
<i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
<div class="menu-list">
<ul id="menu-content" class="menu-content collapse out">
<li>
<a href="#">
<i class="fa fa-dashboard fa-lg"></i> Dashboard
</a>
</li>
<li data-toggle="collapse" data-target="#products" class="collapsed active">
<a href="#"><i class="fa fa-gift fa-lg"></i> UI Elements <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="products">
<li class="active"><a href="#">CSS3 Animation</a></li>
<li><a href="#">General</a></li>
<li><a href="#">Buttons</a></li>
<li><a href="#">Tabs & Accordions</a></li>
<li><a href="#">Typography</a></li>
<li><a href="#">FontAwesome</a></li>
<li><a href="#">Slider</a></li>
<li><a href="#">Panels</a></li>
<li><a href="#">Widgets</a></li>
<li><a href="#">Bootstrap Model</a></li>
</ul>
<li data-toggle="collapse" data-target="#service" class="collapsed">
<a href="#"><i class="fa fa-globe fa-lg"></i> Services <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="service">
<li>New Service 1</li>
<li>New Service 2</li>
<li>New Service 3</li>
</ul>
<li data-toggle="collapse" data-target="#new" class="collapsed">
<a href="#"><i class="fa fa-car fa-lg"></i> New <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="new">
<li>New New 1</li>
<li>New New 2</li>
<li>New New 3</li>
</ul>
<li>
<a href="#">
<i class="fa fa-user fa-lg"></i> Profile
</a>
</li>
<li>
<a href="#">
<i class="fa fa-users fa-lg"></i> Users
</a>
</li>
</ul>
</div>
</div>
<div id="page-content-wrapper">
@RenderBody()
<hr />
</div>
@RenderBody () is like a php include, it gives an include of another file that in this case is the table that appears in the image.
(Table Code)
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
<table style="width: 100%;" class="table table-striped table-bordered" cellpadding="0" cellspacing="0" width="100%" align="left">
<thead>
<tr role="row">
<th aria-label="Tipo de Destino" style="width: 20%;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting" width="20%">Player ID</th>
<th aria-label="Tipo de Destino" style="width: 20%;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting" width="20%">Name</th>
<th aria-label="Tipo de Destino" style="width: 20%;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting" width="20%">Aliases</th>
<th aria-label="Tipo de Destino" style="width: 10%;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting" width="10%">Arrested</th>
<th aria-label="Tipo de Destino" style="width: 10%;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting" width="10%">Jail Time</th>
<th aria-label="Tipo de Destino" style="width: 10%;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting" width="10%">Cop Level</th>
<th aria-label="Tipo de Destino" style="width: 10%;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting" width="10%">Medic Level</th>
</tr>
</thead>
<tbody aria-relevant="all" aria-live="polite" role="alert">
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
<tr class="odd">
<td class=" ">76561198063412200</td>
<td class=" ">Pioneer</td>
<td class=" ">Pioneer</td>
<td class=" ">No</td>
<td class=" ">0</td>
<td class=" ">Civil</td>
<td class=" ">Civil</td>
</tr>
</tbody>
</table>