Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
  <link href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
  
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
 <table class="grid">
        <thead>
            <tr>
                <th data-field="userId">
                    User Id
                </th>
                <th data-field="userName">
                    User Name
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Hasibul Haque</td>
            </tr>
              <tr>
                <td>2</td>
                <td>Hasibul Haque</td>
            </tr>
              <tr>
                <td>1</td>
                <td>Sumon</td>
            </tr>
              <tr>
                <td>3</td>
                <td>Suvro Vaia</td>
            </tr>
        </tbody>
    </table>
</body>
</html>
 
  $(".grid").kendoGrid({
            pageable: true
            , sortable: true
            , filterable: true
            , selectable: true
        });
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hasibul2363pro
0viewers