2017-03-24 5 views
0

レスポンス・データ・テーブルforモバイル(iPhone)を実装しました。最後の列以外のすべての列は、編集、詳細、削除などのCRUDアクション・リンクで表示されます。レスポンシブ・データテーブル・モバイルに表示されない列

Mobile View

Desktop View

のdataTableも&近いcertains列を展開するプラスアイコンが表示されません。 dataTableの作成には何が欠けていますか?

<div class="table-responsive"> 
    <table id="dataTable" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" style="width: 100%;"> 
     <thead> 
      <tr> 
       <th> 
        @Html.ActionLink("Last Name", "Index", new { sortOrder = ViewBag.NameSortParm, currentFilter = ViewBag.CurrentFilter }) 
       </th> 
       <th> 
        First Name 
       </th> 
       <th> 
        @Html.ActionLink("Enrollment Date", "Index", new { sortOrder = ViewBag.DateSortParm, currentFilter = ViewBag.CurrentFilter }) 
       </th> 
       <th></th> 
      </tr> 
     </thead> 
     <tbody> 
      @foreach (var item in Model) 
      { 
       <tr> 
        <td> 
         @Html.DisplayFor(modelItem => item.LastName) 
        </td> 
        <td> 
         @Html.DisplayFor(modelItem => item.FirstMidName) 
        </td> 
        <td> 
         @Html.DisplayFor(modelItem => item.EnrollmentDate) 
        </td>      
        <td> 
         @Html.ActionLink("Details", "Details", new { id = item.ID }) 
         @if (User.IsInRole("Admin")) 
         { 
          @:| 
          @Html.ActionLink("Edit", "Edit", new { id = item.ID })@: | 

          @Html.ActionLink("Delete", "Delete", new { id = item.ID }) 
         } 
         else 
         { 
         } 
        </td> 
       </tr> 
      } 
     </tbody> 
    </table> 
</div> 

答えて

0

私は応答のdataTableのためのJavaScriptタグがありませんでしたし、私の<tr>要素の子の数が<thead>要素の子だった<th>要素の数と一致しませんでした。」

関連する問題