Hide row in template

by Lijo

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
        <div id="example" class="k-content">

            <div id="grid">
            AAAA
            </div>

            <script>
                $(document).ready(function () {

                    var products = [
                            { title: "Nylon", year: 1977 },
                            { title: "Fabric Material", year: 1980 },
                            { title: "Yards UOM", year: 1983 }
                          ];

                    var localDataSource = new kendo.data.DataSource({ data: products });

                    //console.log(localDataSource);

                    $("#grid").kendoGrid({
                        dataSource: localDataSource,
                        height: 430,
                        columns: [
                                    { field: "Title", title: "Title", format: "{0:c}", width: "130px" },
                                    { field: "Year", title: "Year", width: "130px" }
                                ]
                    });

                    var grid = $('#grid').data("kendoGrid");
                    grid.setDataSource(localDataSource);
                });
            </script>

        </div>

CSS

table, th, td
        {
            border: 1px solid black;
        }