如何使Server Kendo Grid详细信息模板显示在打开位置？

$("#grid").kendoGrid({
  dataSource: {
    transport: {
      read: {
        url: "api/data",
        dataType: "json"
      }
    },
    pageSize: 10
  },
  detailTemplate: kendo.template($("#detail-template").html()),
  detailInit: function(e) {
    var detailRow = e.detailRow;

    // 使用Kendo UI的数据源获取详细信息数据
    var detailDataSource = new kendo.data.DataSource({
      transport: {
        read: {
          url: "api/detailData?id=" + e.data.id,
          dataType: "json"
        }
      }
    });

    // 渲染详细信息模板
    detailRow.find(".detail-container").kendoGrid({
      dataSource: detailDataSource,
      columns: [
        { field: "name", title: "Name" },
        { field: "value", title: "Value" }
      ]
    });
  },
  columns: [
    { field: "id", title: "ID" },
    { field: "name", title: "Name" },
    { field: "description", title: "Description" }
  ]
});