Как нарисовать сетку в javascipt, данные которой получены из MSSQL

Question

Я получил интерфейс, который отправляет (FROMDATE и TODATE) на MS SQl и извлекает выбранные детали, и после их получения данные отображаются в сетке.

Я использую MVC. Это сценарий js, который я использую.

$('body').on('submit', '#form', function (e) {
    e.preventDefault();

    $('#btnSubmit').html('<i class="fa fa-refresh fa-spin" style="font-size:14px"></i>  Please wait ....');
    $('#btnSubmit').prop('disabled', true);

    var fromdate = $('#PeriodFrom').val();
    var todate = $('#PeriodTo').val();

    debugger;
    $.ajax({
        url: '/ReservationInquiries/ReservationInquery?fromdate=' + fromdate + '&todate=' + todate,

        dataType: 'JSON',
        method: 'GET',

        beforeSend: function () {
            $('#btnSubmit').html('<i class="fa fa-refresh fa-spin" style="font-size:14px"></i>  Please wait ....');
            $('#btnSubmit').prop('disabled', true);
        },
        complete: function () {
            $('#btnSubmit').html('Save');
            $('#btnSubmit').prop('disabled', false);
        },
        success: function () {

        },
        error: function (xhr, status, error) {
            console.log(error);
        }
    });
});

url: '/ ReservationInquiries / ReservationInquery? Fromdate =' + fromdate + '& todate =' + todate, Когда пользователь выбирает диапазон дат. Используя следующий URL, он отправляет Fromdate и Todate к контроллеру

Этот контроллер я использую

 public ActionResult ReservationInquery(DateTime fromdate, DateTime todate)
        {
            try
            {
                List<ReservationInquery> Reservationinqueries = new ReservationInquiryService().SelectReservationInqueries(fromdate, todate);
                return Json(Reservationinqueries, JsonRequestBehavior.AllowGet);

            }
            catch (Exception ex)
            {
                return Json("300-" + ex.Message, JsonRequestBehavior.AllowGet);
            }

        }

Этот сервис

public List<ReservationInquery> SelectReservationInqueries(DateTime fromdate, DateTime todate)
        {
            return new ReservationInquiryEntry().SelectReservationInqueries( fromdate, todate);
        }

Это запись

public List<ReservationInquery> SelectReservationInqueries(DateTime fromdate, DateTime todate)
        {
            List<SqlParameters> sqlParameters = new List<SqlParameters>();
            sqlParameters.Add(new SqlParameters { DataType = DataType.DateTime, Name = "@FromDate", Value = fromdate });
            sqlParameters.Add(new SqlParameters { DataType = DataType.DateTime, Name = "@ToDate", Value = todate });
            return new DbConnectivity().ExecuteSelectSP<ReservationInquery>("ReservationEnquirySelect_M_Select", sqlParameters);

        }

Это моя HTML

<table class="table table-striped" id="grid" style="display:none;">
<tr>
<th>Reservation No</th>
<th>Name</th>
</tr>
</table>

. Когда SP выполняется, он возвращает значения ReservationNo и Name of the Клиент. Например, он выбирает значения

ReservationNo = E001 Имя = Джастин

ReservationNo = E002 Имя = Коричневый

И эти значения должны быть нарисованы в виде сетки -

$('<tr>' +
'<td>' + item.ReservationNo + '</td>' + 
'<td>' + item.Name + '</td>' + 
'</tr>').appendTo($('#grid'));

Как я могу написать код в моем JS. Я все еще учусь