У меня есть страница Razor с таблицей.
Все выглядит нормально, пока я не применю jquery bootgrid .Ширина столбца становится фиксированной, а данные усекаются.Ширина столбца становится фиксированной, а данные усекаются.
Как настроить автоматический выбор ширины столбца, чтобы данные не усекались?Как сохранить ширину столбца в автоматическом режиме, чтобы данные не усекались?
<table id="grid" class="table table-condensed table-hover table-striped">
<thead>
<tr>
<th data-column-id="Nominal">
Nominal
</th>
<th data-column-id="TD">
Tradedate / Valuedate
</th>
<th data-column-id="ReleaseDate">
ReleaseDate
</th>
<th data-column-id="Fund">
Fund
</th>
<th data-column-id="Pre-Pay">
Pre-Pay
</th>
<th data-column-id="Comment">
Comment
</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Nominal)
</td>
<td>
@Html.DisplayFor(modelItem => item.TD) <br />
@Html.DisplayFor(modelItem => item.VD)
</td>
<td>
@Html.DisplayFor(modelItem => item.ReleaseDate)
</td>
<td>
@Html.DisplayFor(modelItem => item.Fund)
</td>
<td>
@Html.DisplayFor(modelItem => item.Pre_Pay)
</td>
<td>
@Html.DisplayFor(modelItem => item.Comment)
</td>
</tr>
}
</tbody>
</table>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
$("#grid").bootgrid({
caseSensitive: false
})
});
</script>