<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "ProductName" },
     { field: "UnitPrice" },
     { field: "UnitsInStock" }
   ],
   dataSource: {
     transport: {
       read: {
         url: "https://demos.telerik.com/service/v2/core/detailproducts",
       },
     },
     pageSize: 5
   },
   sortable: true,
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistant: {
       promptSuggestions: ["Show me the most expensive products",],
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>