Kendo Grid

$("#grid").kendoGrid({
    dataSource: {
        // Your data source configuration
    },
    detailInit: function (e) {
        var category = e.data.category; // Assuming 'category' is a field in your data
        if (category !== "desiredCategory") {
            e.detailRow.remove(); // Remove the detail row if the condition is not met
        } else {
            // Initialize the detail grid as usual
            $("
").appendTo(e.detailCell).kendoGrid({
                dataSource: {
                    // Detail grid data source configuration
                },
                // Additional detail grid configuration
            });
        }
    },
    detailExpand: function (e) {
        var category = e.data.category;
        if (category !== "desiredCategory") {
            e.preventDefault(); // Prevent the expansion if the condition is not met
        }
    },
    columns: [
        // Your column definitions
    ]
});

CHeck this code it might help.