Есть ли способ сделать таблицу шире?может быть, бутстрап где-то устанавливает max-witdh?

Question

Я не могу найти, как сделать эту таблицу шире, чтобы на нее поместились все столбцы, есть идеи?Почему я должен добавить больше деталей, когда это уже просто и кратко?Иногда слишком сложно добавить простой вопрос.

    <table class="table table-striped">
    <tr class="table-primary">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.legacyCode)
        </th>
        <th>
            Laboratorio
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Descripcion)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Excluida)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.sMercado)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Orden)
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.legacyCode)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Laboratorio.Descripcion)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Descripcion)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Excluida)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.sMercado)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Orden)
            </td>
            <td>
                <a href='@Url.Action("Edit", "LineaDeProductos", new { id=item.ID })' class="btn btnModificar btn-sm">Modificar</a>
                <a href='@Url.Action("Details", "LineaDeProductos", new { id=item.ID })' class="btn btnDetalles btn-sm">Detalle</a>
                <a href='@Url.Action("Delete", "LineaDeProductos", new { id=item.ID })' class="btn btnEliminar btn-sm">Eliminar</a>
            </td>
        </tr>
    }
</table>

ПОПРОБУЙТЕ ССЫЛКУ: Пример таблицы

Answer 1

Измените родительский контейнер на использование container-fluid:

<div class="container-fluid">
  <table class="table table-striped">

Убедитесь, что родительский контейнер является самым верхним контейнером.