获取jquery数据表+；表+；使可编辑+；自动生长（或弹性）插件一起玩得很好？

我很难让所有这些jquery插件很好地协同工作。具体来说，autogrow和elastic插件似乎都不能与datatables和markEditable插件一起工作。下面是一段代码片段：

    <script type="text/javascript" language="javascript" src="/scripts/jquery.jeditable.js"></script>
    <script type="text/javascript" language="javascript" src="/scripts/jquery.dataTables.editable.js"><\/script>

    <script type="text/javascript" charset="utf-8">
      $(document).ready(function() {
      var oTable = $( '#beta' ).dataTable( {
         "sPaginationType": "full_numbers",
         "aoColumnDefs": [ { "bVisible": false, "aTargets": [ 7 ] } ],
         "aaSorting": [[ 1, "desc" ]],
         "sDom": 'lfr<"giveHeight"t>ip'
       }).makeEditable( {
            sUpdateURL: "/testdb/cgi-bin/betaTags.cgi",
            "aoColumns": [ null,
                          {
                            indicator: 'Saving Status...',
                            tooltip: 'Click to select tag status',
                            loadtext: 'loading...',
                            type: 'select',
                            submit: 'Ok',
                            data: "{'':'Please select...', '1':'Open','2':'Done','3':'In test'}",
                            sUpdateURL: function(value, settings) {
                               ... some code to handle the select menu
                            }
                          },
                          null,
                          null,
                          {
                            indicator: 'Saving Post Create Problems Note...',
                            tooltip: 'Click to edit Post Create Problems Note',
                            type: 'textarea',
                            submit:'OK',
                            cancel : 'Cancel',
                            sUpdateURL: function(value, settings) {
                               ... some code to handle the textarea cell
                            }
                          },
                          null,
                          {
                            indicator: 'Saving Answer Changes Note...',
                            tooltip: 'Click to update Answer Changes Note',
                            type: 'textarea',
                            submit:'OK',
                            cancel : 'Cancel',
                            sUpdateURL: function(value, settings) {
                               ... some code to handle another textarea cell
                            }
                          }
                      ]
            } );
      } );
    </script>

$（文档）.ready（函数（）{
var oTable=$（'#beta'）。数据表（{
“sPaginationType”：“完整编号”，
“aoColumnDefs”：[{“bVisible”：false，“aTargets”：[7]}]，
“aaSorting”：[[1，“desc”]]，
“sDom”：“lfrip”
}).makeEditable（{
sUpdateURL:“/testdb/cgi-bin/betaTags.cgi”，
“aoColumns”：[null，
{
指示器：“正在保存状态…”，
工具提示：“单击以选择标记状态”，
loadtext:“正在加载…”，
键入：“选择”，
提交：“Ok”，
数据：“{'：'请选择…'，'1'：'打开'，'2'：'完成'，'3'：'在测试中'}”，
sUpdateURL:函数（值、设置）{
…一些处理选择菜单的代码
}
},
无效的
无效的
{
指标：“保存帖子创建问题注释…”，
工具提示：“单击以编辑“创建问题后注释”，
键入：“textarea”，
提交：'确定'，
取消：“取消”，
sUpdateURL:函数（值、设置）{
…一些处理textarea单元格的代码
}
},
无效的
{
指示器：“保存答案更改注释…”，
工具提示：“单击以更新答案更改注释”，
键入：“textarea”，
提交：'确定'，
取消：“取消”，
sUpdateURL:函数（值、设置）{
…一些处理另一个textarea单元格的代码
}
}
]
} );
} );

这很好，但当我尝试向数据表中的textarea单元格添加自动增长或弹性方法时，它没有任何作用。我还没有找到很多例子来展示不同的jquery插件彼此协同工作，但是如果有人能给我指出一些文章或参考资料，我将不胜感激