是否更改JQuery Flexigrid上的列标题文本？

我有一个动态更改的jquery flexigrid，以便它显示不同的表格数据。我想在更改数据源的同时（通过我正在成功地执行的“url”），更改表列标题文本，但不太清楚如何执行。因此，例如，我希望一个flexigrid表显示“员工”，然后如果用户单击某个链接，该flexigrid表将显示“购买”。当用户进行此更改时，列标题文本需要反映purchases列标题，以匹配我要传递给它的JSON数据。同样，除了列标题文本之外，我在使所有内容正常工作方面没有问题。当用户选择要在flexigrid上查看的“购买”表时，我不知道如何更改标题文本

---

这篇文章说明了如何做类似的事情，我试图以此为基础来自己解决问题，但很快就登上了失败的船：

也许有更好的方法可以做到这一点，但它是有效的

   $('#test').click(function() {
   var new_headers =new Array("Saab","Volvo","BMW");
    $("#flex").parent(".bDiv").siblings(".hDiv").find("table tr th div").each(function(x){
      $(this).text(new_headers[x]);
    });
  });

这是我起诉的heml

 <div id="flexgrid">
    <table id="flex"></table>
  </div>

确保在加载或重新加载flexigrid后执行此操作

  <input type="button" id="test" />

hmmm.对我不起作用。表是：这就是您所期望的吗？好的，这是可行的，但会导致另一个问题。它不保持列宽度相同，因此在标题文本更改后，列标题宽度变为新文本的宽度——它不保持原始文本的宽度。我们如何保持相同的标题文本宽度呢？啊，标题在th中的一个div中，我将更改上面的代码以反映这一点