How to convert a list into neat html table to display in UI.

I have look all over the internet to see if someone has written code that converts the enumerable list in C# and return you a html table so that you can directly display it on UI.  No luck. Here is what I have got I hope it helps someone. This code is test

Code Snippet

27. public string GetAssociationValues()
28.         {
29.  
30.             IEnumerable<string> results = _omniService.GetAllAssociations();
31.  
32.             // format a list into table of check boxes.
33.  
34.             var sbTable = new StringBuilder();
35.             var sbRows = new StringBuilder();
36.             var sbColumns = new StringBuilder();
37.             int counter = 0;
38.             foreach (string result in results)
39.             {
40.                 sbColumns.AppendFormat("<td><input type='checkbox' name='ImproveResultsAssociation' value='{0}' id='{0}'><span class='resAssociationText'>{0}</span></td>", result);
41.                 counter++;
42.  
43.                 // change the 2 to what ever number of columns you want to display the text.
44.                 if (counter % 2 == 0)
45.                 {
46.                     sbRows.Append("<tr>" + sbColumns.ToString() + "</tr>");
47.                     sbColumns.Clear();
48.                 }
49.             }
50.  
51.             // last check if we are missing anything.
52.             if (sbColumns.Length>0)
53.             {
54.                 sbRows.Append("<tr>" + sbColumns.ToString() + "</tr>");
55.             }
56.  
57.             sbTable.Append("<table>" + sbRows.ToString() + "</table>");
58.  
59.             return sbTable.ToString();
60.  
61.  
62.         }

How to create a modal window in jQuery.

Code Snippet

66.  
67. $(function () {
68.     $('#iDialog').dialog({
69.         autoOpen: false,
70.         width: 800,
71.         height: 400,
72.         resizable: false,
73.         modal: true,
74.         buttons: [{ text: "Ok", click: function () { $(this).dialog("close"); } }]
75.     });
76. });
77.  
78. $(document).ready(function () {
79.     $('#show-modal-industry').click(function () {
80.         $('#iDialog').load(industryUrl, function () {
81.             $('#iDialog').dialog('open');
82.         });
83.  
84.         return false;
85.     });
86. });
87.  
88.  
89. $(function () {
90.     $('#aDialog').dialog({
91.         autoOpen: false,
92.         width: 800,
93.         height: 400,
94.         resizable: false,
95.         modal: true,
96.         buttons: [{ text: "Ok", click: function () {
97.             alert('Hello World'); $(this).dialog("close"); } }]
98.     });
99. });
100.  
101. $(document).ready(function () {
102.     $('#show-modal-association').click(function () {
103.         $('#aDialog').load(associationUrl, function () {
104.             $('#aDialog').dialog('open');
105.         });
106.  
107.         return false;
108.     });
109. });

Code Snippet

48. <div id="iDialog" title="Industry">
49. </div>
50. <div id="aDialog" title="Association">
51. </div>
52. <script type="text/javascript">
53.  
54.     var industryUrl = '@Url.Action("GetIndustryInfo", "Home")';
55.     var associationUrl = '@Url.Action("GetAssociationInfo", "Home")';
56.     
57. </script>