从部分页面动态获取html并将其放入页面的元素中

Question

这就是我所说的ajax

            $.ajax({
            url: "/MyController/GetAll?Id=" + id,
            cache: false,
            success: function (result) {
             $.each(result.data)
               {
             //in this code, I want to generate a table and it's dynamic  
               }
            }

在结果的$.each内，我想遍历结果并生成包含数据的表。目前，我将表添加为

之类的字符串

           var myTable = '';
           myTable += '<table class="table table-stripe">';
           myTable += '<tr><td>' + this.name + '</td></tr>';
           ......
           ......

最后，我把这张桌子放在

           $('#sectionForTable').html(myTable); 

但是我不喜欢这种将表生成为字符串并将其放在#sectionForTable中的方法。因为如果要自定义此表的CSS类，样式或该表中组件的事件，则必须编写一个非常复杂的字符串。
所以，我的问题是，还有什么比这更好的方法吗？就像在某些cshtml部分页面中编写该表的代码一样，调用此页面，获取HTML并设置动态值。我只是想减少代码复杂性。