DatatablesExample/Readme.html at master · irhadkul/DatatablesExample · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Content/foundation/foundation.css" type="text/css" rel="Stylesheet" />
</head>
<body>
    <div class="row">
        <div class="twelve columns">
            <h2>jQuery Datatables with ASP.NET MVC</h2>
        </div>
    </div>
    <div class="row">
        <div class="twelve columns">
            This project provides example code on how to use the datatables jquery plugin with ASP.NET MVC.
        </div>
    </div>
    <div class="row">
        <div class="twelve columns">
            <table>
                <thead>
                    <tr>
                        <th>Examples
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1. Server side paging, sorting, and filtering. (See Home/Index)
                        </td>
                    </tr>
                    <tr>
                        <td>2. Row detail expand via ajax. (See RowDetailExample/Index)
                        </td>
                    </tr>
                    <tr>
                        <td> <img src="DemoPic.PNG" title="" style="width: 640px; height: 480px; border: 1px solid #999999" />
                        </td>
                    </tr>
                    <tr>
                        <td>3. Responsive table using datatables and footable plugins. (See ResponsiveExample/Index)
                        </td>
                    </tr>
                    <tr>
                        <td>Phone Responsive Display : <br/><img src="phoneResponsive.PNG" title="Phone responsive display" style="border: 1px solid #999999; width: 221px;" />
                        </td>
                    </tr>
                    <tr>
                        <td>Tablet Responsive Display : <br/><img src="tabletResponsive.PNG" title="Tablet responsive display" style="width: 539px; height: 319px; border: 1px solid #999999" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Desktop Responsive Display : <br/>
                            <img src="desktopResponsive.PNG" title="Desktop responsive display" style="width: 640px; height: 480px; border: 1px solid #999999" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>