Grid HTML选择不在剑道网格headerTemplate中工作

我正在向剑道网格的headerTemplate添加一个下拉（html选择）元素，如下所示：

 $("#grid").kendoGrid({
                    dataSource: dataSource,
                    navigatable: true,
                    pageable: false,
                    height: 430,
                    columns: [ {
                            field: "Date",
                            headerAttributes: { style: "visibility: hidden;" },
                            width:110
                        } ,
                        { field: "PCASS00",
                          width: 100,
                          headerTemplate: '<select id="ddlFilters" name="ddlFilters"><option value="Category">Category</option><option value="Source">Source</option></select><br />PCASS00'},
                        { field: "PPDIAZ9" },
                        { field: "PPDIEUX" },
                        { field: "POIU765" },
                        { field: "P984655" },
                        { field: "PBX5436" },
                        { field: "PUGU7213" }
                    ],
                    editable: true
                });

$（“#网格”）.kendoGrid({
数据源：数据源，
可导航：是的，
可分页：false，
身高：430，
列：[{
字段：“日期”，
headerAttributes:{style:“可见性：隐藏；”}，
宽度：110
} ,
{字段：“PCASS00”，
宽度：100，
headerTemplate:'CategorySource
PCASS00'}，
{字段：“PPDIAZ9”}，
{字段：“PPDIEUX”}，
{字段：“POIU765”}，
{字段：“P984655”}，
{字段：“PBX5436”}，
{字段：“PUGU7213”}
],
可编辑：真
});

将显示下拉列表，但当我单击它时，它不会随着选项展开。有什么想法吗？

问题在于

可导航的
处理的
单击事件
与HTML
选择的正常行为之间发生冲突

尝试将
navigatable
设置为
false
（如果可能）。
将navigatable设置为false后仍不工作。如果有帮助的话，我只是为数据源手动创建一个json数组。其他想法？实际上它正在工作…将navigatable设置为false成功了，问题是我直接打开了html文件，所以我尝试在Web服务器（IIS）上实际设置它，然后它开始工作。