How can I to create a table and create 2 columns for each row on the fly.

How can I to create a table and create 2 columns for each row on the fly.

How can I to create a table and create 2 columns for each row and each
column will hold a checkbox from the variable Time and assign the table to
an object property.
var Time will have string in the form of following examples: 08:00 AM -
09:00 AM;09:00 AM - 10:00 AM;10:00 AM - 11:00 AM 09:30 AM - 10:30 AM;11:30
AM - 12:30 PM
If there is Semicolon in the variable Time string then it should break the
string into pieces and then create a checkbox for each piece.
For example in the case of "08:00 AM - 09:00 AM;09:00 AM - 10:00 AM;10:00
AM - 11:00 AM" then it should create a table with 2 rows and 2 columns and
first row will have "08:00 AM - 09:00 AM" in the first column and "09:00
AM - 10:00 AM" in the second column and second row will have "10:00 AM -
11:00 AM" in the first column and noting in the second column.
In other words BookArray[i-1][2] will hold a different table with rows and
each rows will have 2 columns and each column will have a checkbox for
each record.
for(var i = 0; i < gAssessorsArray.length; i++)
{
var Time = gAssessorsArray[i].Time;
var CurrentTable;
BookArray[i-1] = new Array();
BookArray[i-1][0] = gAssessorsArray[i].ID;
BookArray[i-1][1] = '<input type="checkbox" id="bk_' +
gAssessorsArray[i].ID + '" value="' + gAssessorsArray[i].Name + '"
onchange="BookAppointment(this)" />';
BookArray[i-1][2] = CurrentTable;
}