如何在页面加载时自动按指定列排序HTML表格或Telerik Grid

优先推荐：使用Telerik原生配置/API #

这是最稳定、无兼容问题的实现方式，无需模拟点击，是官方推荐的默认排序实现方案：

• 若使用ASP.NET Web Forms RadGrid：可直接在前端配置中给目标列设置SortExpression属性，或者在后端NeedDataSource事件中添加排序规则：

RadGrid1.MasterTableView.SortExpressions.AddSortExpression("submitted DESC");

• 若使用前端Kendo UI Telerik Grid：初始化时在数据源配置中直接指定排序规则即可：

$("#grid").kendoGrid({
  dataSource: {
    // 配置默认排序字段和排序方向
    sort: { field: "submitted", dir: "desc" },
    // 其他数据源配置项
  },
  // 其他Grid配置项
});

你提供的jQuery模拟点击方案的可行性与优化 #

你提到的通过文本匹配定位表头、触发点击的思路是完全可行的，适合无法调用原生API的场景，现有代码可以优化这几个点提升稳定性：

1. 提升选择器精度 #

原有$("a:contains('submitted')")会匹配页面内所有包含对应文本的a标签，容易误选其他元素，建议增加Grid父级容器、表头标签的限定：

$(document).ready(function(){
    // 替换#yourGridId为你实际的Grid容器ID
    $("#yourGridId th a:contains('submitted')").trigger('click'); 
});

2. 适配异步渲染时序 #

Telerik Grid多为异步渲染，document.ready触发时表头可能还未渲染完成，导致选择器找不到元素。可以绑定Grid的dataBound事件，等组件渲染完成后再执行操作：

$("#yourGridId").on("dataBound", function(){
  $(this).find("th a:contains('submitted')").trigger('click');
  // 仅执行一次的话，执行完成后解绑事件避免重复触发
  $("#yourGridId").off("dataBound");
});

3. 兼容大小写匹配 #

jQuery的:contains选择器是大小写敏感的，如果表头文本是Submitted这类大小写混合的内容会匹配失败，可以自定义过滤逻辑适配大小写：

$(document).ready(function(){
    $("#yourGridId th a").filter(function(){
      return $(this).text().toLowerCase().includes("submitted");
    }).trigger('click'); 
});

内容的提问来源于stack exchange，提问作者Eiketsu