asp.net mvc - My html table in mvc which is using jquery data-role="table" is not fitting in mobile screen -


i new jquery mobile , .net mvc. please me how fit table in mobile. below code when trying display 5 columns, able see 4 columns in mobile emulator. have used viewport tag in layout page.

requests.cshtml:

@model ienumerable<approvals.models.request>  @{ viewbag.title = "pendingrequests"; layout = "~/views/shared/_layout.cshtml";  }  @section header { @html.actionlink("back", "index", "account") <h1>@viewbag.title</h1> @html.actionlink("log off", "logoff")    }   <table id="mytable" data-role="table" data-mode="reflow" class="ui-body-d ui-shadow table-stripe ui-responsive" > <tr class="ui-bar-d">      <th >request id</th>             <th >request type</th>             <th >employee name</th>             <th >request date</th>             @*<th >request status</th>*@ </tr>  @foreach (var item in model) { <tr>      <td>         @html.actionlink(item.request_id,"details")      </td>     <td>         @html.encode(item.request_type)     </td>     <td>         @html.encode(item.employeename)     </td>     <td>         @html.encode(item.request_date)     </td>     @*<td>         @html.encode(item.request_status)     </td>*@ </tr> }  </table> 


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -