Вот мой код, я пытаюсь добавить текстовое поле и флажок раскрывающегося списка в таблицу HTML, но не знаю, почему только флажок вызывает проблемы при построении графика на странице.
$.ajax({
type: "POST",
url: "/Group/FillMembers",
data: { GroupName: $("#ddlGroup option:selected").text().trim() },
success: function (response) {
$.each(response.message, function (key, value) {
var arr = value.split(";")
var tbody = $("#tbody");
var tr = $("<tr></tr>")
$.each(arr, function (i, obj) {
var temp = arr[i].trim().split("=")[1];
var td = $("<td></td>")
td.append(temp);
tr.append(td);
})
// DropDownlist for required adjustments
tr.append("<td><select id='ddlReqdAdjustment'> \
<option>Keep</option> \
<option>Remove</option> \
<option>Remove After</option> \
</select> \
</td>");
//Textbox with Validation to allow only integers
tr.append("<td><input type='text' \
onkeypress = 'return (event.charCode != 8 && event.charCode == 0 \
|| (event.charCode >= 48 && event.charCode <= 57))' /> \
</td >");
tr.append($('<input />', { 'class':'col-lg-12', 'type': 'checkbox', 'name': 'check' }));
tbody.append(tr);
});
Если я использую какой-либо другой компонент, он строит график в последнем столбце, но флажок отображает график, как показано на рисунке. Понятия не имею, в чем проблема. Нашел этот маленький флажок, когда я уменьшил масштаб страницы.