Как динамически создать начальный стол? ⇐ Jquery

[Anonymous]

У меня проблемы с разработкой стола начальной загрузки, нажав кнопку. Моя цель - добавить какую -то функцию для каждой столбцы в таблице. Таким образом, для моего пользовательского случая, когда пользователь нажимает на кнопку, он вызывает Ajax, чтобы получить данные из базы данных и отправлять результат (он работает, так что не беспокойтесь об этом). Поэтому мне нужно отобразить результаты в качестве начального стола, чтобы я мог использовать функцию сортировки для каждого столбца. Кроме того, я использую Pagination.js, который использует массив объектов JSON и таблицы для отображения результата.
Когда я разрабатываю таблицу и добавляю ее в Div, я не вижу функции сортировки на каждом столбцах. Я считаю, что когда страница загружает начальную загрузку, обнаруживает и ее атрибуты, которые находятся на теле HTML. Но когда я динамически создаю загрузочный стол, таблица HTML существует, но не функция начальной загрузки. < /p>

Пожалуйста, помогите. Вот мой код ниже, как я разрабатываю таблицу, используя функцию JavaScript. < /p>

// result is a large string of result when ajax is sending a response.
function displayResult(result) {
//convert the result into Array of JSON
var splitResult = result.split("*split*");
var getLast = splitResult.length - 1;
for(var i = 0; i < splitResult.length; i++){
if(i != getLast) {
splitResult = JSON.parse(splitResult);
} else {
splitResult.splice(i,1);
}
}

// the .pagination is a function that is use in pagination.js
// the #page is a DIV
$('#page').pagination({
dataSource: splitResult,
pageSize: 8,
callback: function(data, pagination) {
// template method
var html = template(data);
// grab the html String and append it into the #demo DIV
$("#demo").append(html);
}
})
}

function template(data) {
// table tag with bootstrap-table attributes
var html = '';

// create the table headers
html = html + 'IDZIP 11Date'
+ '';

// input the results of the data
if (data[0].IDCODE) {
$.each(data, function(index, item) {
html += ''
+ item.IDCODE+''
+ '' + item.ZIP11_ID + ''
+ '' + item.DEL01_TS + '';
});
} else {
$.each(data, function(index, item) {
html += ''+ item +'';
});
}

html += '';

return html;
}
< /code>

При использовании этого подхода он просто отображает таблицу HTML. Не используя начальную таблицу. Я пытаюсь добавить функцию, в которой пользователь может нажать на заголовок столбца, чтобы сортировать.

Подробнее здесь: https://stackoverflow.com/questions/553 ... ynamically