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
Post a Comment