cdn.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>JavaScript Shield UI Demos</title>
    <link id="themecss" rel="stylesheet" type="text/css" href="https://cdn.ubiqiti.net/shieldui-lite/dist/css/light/all.min.css" />
    <script type="text/javascript" src="http://www.shieldui.com/shared/components/latest/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="https://cdn.ubiqiti.net/shieldui-lite/dist/js/shieldui-lite-all.min.js"></script>
</head>
<body class="theme-light">
<div id="grid" style="width:50%; height: 300px;"></div>
<script type="text/javascript">
    jQuery(function ($) {
        $("#grid").shieldGrid({
            paging: {
                pageSize: 12,
                pageLinksCount: 10
            },
            selection: {
                type: "row",
                multiple: false,
                toggle: false
            },
            dataSource: {
            data: [
                { id: 1, name: "name1" },
                { id: 2, name: "name2" }
              ]
            },
            columns: [                
                { field: "id", width: "70px", title: "ID" },
                { field: "name", title: "Person Name" },
                { field: "company", title: "Company Name" },
                { field: "email", title:"Email Address", width: "270px", attributes: { style: "background-color:blue;" }}
            ],
        });
    });            
</script>
</body>
</html>