How get the styles of gridview with green symbol for if you open in mobile?

karthik.070689

Hi all,
i added .css and .Js files of datatable.net through Nuget Package manager .
but if i open my website in mobile scroll bar is coming for gridview.
i am expecting the grid with auto resize columns with green color plus symbol(like it's available in website)

nnyamekye

https://www.datatables.net/extensions/rowreorder/examples/initialisation/responsive.html

karthik.070689

Still i am facing the issue.

below is my code

<

div class="row">

<

div class="col-lg-12">

Name	Phone	Mobile	Email
Decision Maker	122333	123456789	a@a.com

Jquery:

var table = $('#example').DataTable({
rowReorder: {
selector: 'td:nth-child(2)'
},
responsive: true
});

karthik.070689

i am using MVC (.Net Framework) ,I added styles and Js File in layout page

<link href="~/Content/DataTables/css/dataTables.jqueryui.css" rel="stylesheet" />
<script src="~/Scripts/DataTables/jquery.dataTables.js"></script>
<link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/rowReorder.dataTables.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/responsive.dataTables.css" rel="stylesheet" />

allan

Can you link to a test case showing the issue, per the forum rules, so it can be debugged please.

Allan

karthik.070689

HI Allan,

i find out the issue.

if datatable grid view is under above DIV responsive is not working .
this is because of bootstrap Collapse class is overriding.
still i am unable to resolve that

allan

We'd need a link to the page showing the issue so I can debug the error you are seeing.

Thanks,
Allan

karthik.070689

please refer the link
but i have close the pannel by default .

1.if i use collapse class then datatable grid won't be responsive
2.if i use collapse in class for the DIV datatable grid will be responsive but pannel by default expanded.

i want datatable should work with collapse class also .

please refer

http://www.datatables.net/forums/discussion/26549/interesting-bug-with-bootstrap-3-collapsed-panel

same problem i am facing
please give the solution ASAP.it's very urgent for my development project.

code is also available in that link.

allan

Thanks for the link to the other discussion. i'll try to take a look as soon as I am able. If this is urgent, then priority support is available.

Allan