​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <title>jQuery Grid Column Template</title>
5
    <meta charset="utf-8" />
6
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
7
    <script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
8
    <link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css" />
9
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
10
</head>
11
<body>
12
    <div class="container-full">
13
        <div class="row">
14
            <div class="col-xs-12">
15
                <table id="grid"></table>
16
            </div>
17
        </div>
18
    </div>
19
    <script type="text/javascript">
20
        $(document).ready(function () {
21
            $('#grid').grid({
22
                dataSource: '/Players/Get',
23
                uiLibrary: 'bootstrap',
24
                columns: [
25
                    { field: 'ID', width: 35 },
26
                    { title: 'Info', tmpl: '{Name} is born in {PlaceOfBirth}.' },
27
                    { field: 'DateOfBirth', title: 'Date Of Birth', type: 'date', sortable: true, width: 150 }
28
                ]
29
            });
30
        });
31
    </script>
32
</body>
33
</html>
34
​