0 
<div class="text-center">
    <span class= "container-fluid">    
      @Html.Grid(Model).Columns(columns =>    
        columns.Add(foo => foo.IncidentNumber).Titled("Incident Number").SetWidth(50).Filterable(true);
        columns.Add(foo => foo.OpenedBy).Titled("Opened By").SetWidth(110);
        columns.Add(foo => foo.OpenedDate).Titled("Opened Date").SetWidth(110).Sortable(true);
        columns.Add(foo => foo.Environment).Titled("Environment").SetWidth(110).Filterable(true);
        columns.Add(foo => foo.AssignedPerson).Titled("Assigned Person").SetWidth(110).Filterable(true);
        columns.Add(foo => foo.Description).ToString().Substring(0, 10);
        columns.Add(foo => foo.LatestFeedback).Titled("Latest Feedback").SetWidth(110);
        columns.Add(foo => foo.LatestFeedBackDate).Titled("Latest FeedBack Date").SetWidth(110);
        columns.Add(foo => foo.ServiceManagerStatus).Filterable(true);
        columns.Add(foo => foo.ReportBackdate).Titled("ReportBackdate").SetWidth(110);
        columns.Add()
        .Encoded(false)
        .Sanitized(false)
        .RenderValueAs(foo => Html.ActionLink("Details", "Details", new { id = foo.IncidentID }));
       }).WithPaging(20).Sortable(true)
    </span>
</div>

ブートストラップを使用したいのですが、MVC は初めてで、方法がわかりません。携帯電話だけでなく、コンピューターの画面でもテーブルを開くことができます。

4

1 に答える 1

1

まず最初に、Bootstrap には分割するための 12 の列があり、さまざまな画面 (コンピューター画面、携帯電話) で列のサイズを定義できるいくつかのオプションがあります。

  • xs = 極小画面 (携帯電話)
  • sm = 小さい画面 (タブレット)
  • md = 中画面 (一部のデスクトップ)
  • lg = 大画面 (残りのデスクトップ)

だからあなたの場合、

<div class="col-md-1 col-xs-1">your column</div>

トリックを行う必要があります。それが役に立てば幸い！:-)

于 2016-06-07T09:23:55.590 に答える