Отображение HTML-таблицы внутри DIV с помощью оператора переключения Javascript

Я работаю над отображением таблицы, в которой перечислены вещи, основанные на том, какое состояние было выбрано в HighMaps во время детализации:

Фрагмент кода:

                switch (e.point.name) {
case 'California':
$('#table').html('');
break;
case 'Virginia':
$('#table').html('');
break;
default:
$('#table').html('');
break;
}
<div id="table"></div>

Таблица генерируется динамически путем получения данных из БД для каждого состояния с использованием PHP. Структура таблицы выглядит следующим образом:

 <div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title text-center">Company List - State</h3>
</div>
<table class="table table-hover" id="dev-table">
<thead>
<tr>
<th>Company Name</th>
<th>County</th>
<th>Details</th>
</tr>
</thead>
<tbody>
<tr>
<td>Company 1</td>
<td>Test County</td>
<td>Company details.</td>
</tr>
<tr>
<td>Company 2</td>
<td>Test County</td>
<td>Company details.</td>
</tr>
<td>Company 3</td>
<td>Test County</td>
<td>Company details.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

Вывод сгенерированной таблицы внутри .html (») выглядит следующим образом:

 $('#table').html('<div class="container"> <div class="row"><div class="col-md-12"><div class="panel panel-primary"><div class="panel-heading"><h3 class="panel-title text-center">Company List - California</h3></div><table class="table table-hover" id="dev-table"><thead><tr><th>Company Name</th><th>County</th><th>Details</th></tr></thead><tbody><tr><td>Company 1</td><td>Test County</td><td>Company details are available to ACMA members only.</td></tr><tr><td>Company 2</td><td>Test County</td><td>Company details are available to ACMA members only.</td></tr><td>Company 3</td><td>Test County</td><td>Company details.</td></tr></tbody></table></div></div></div></div>');

Все работает хорошо, когда список компаний невелик. Как только количество компаний в каждом штате увеличивается, а сгенерированный табличный код становится длиннее, вещи перестают работать. Я проверил это. Если я возьму часть сгенерированного кода, которая будет слишком длинной, и удалю половину, тогда все снова начнет работать.

Есть ли ограничение на количество символов, которые могут входить внутрь .html (); ? Есть ли более эффективный способ отображения этих таблиц?

2

Решение

Как насчет использования функции добавления в каком-то конкретном селекторе, таком как тот, который вы используете в данный момент $ («# table»). Append (); проверьте ссылку, указанную ниже:

http://api.jquery.com/append/

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]