2016-10-20 8 views
0

Я использую Handsontable для PHP с базой данных MySQL.Как установить вид ячейки таблицы в зависимости от значения ячейки таблицы в Handsontable

В моей таблице а у 6 столбцов следующим образом:

| Продукт | Кол-во. | Хорошее | Поврежденные | Cut & Разрыв |

Кол-во. = Хорошо + Поврежденные + Cut & Torn

Сначала я ввожу «Продукт» и «Количество» в таблице и в то время значения «Good», «Поврежденный», " Cut & Torn "будет автоматически установлен на ноль. Но когда я ввожу значение в любую ячейку «Хорошо», «Поврежденный» или «Вырезать» & Разорван «фон ячейки» будет красным до тех пор, пока общие значения этих трех ячеек («Хорошие», «Поврежденные» и «Вырезать & Torn ") будет равно значению ячейки« Количество ». Теперь мне нужно руководство для достижения этого через JS? Любая помощь будет оценена по достоинству.

+0

Пожалуйста, обратитесь к этому [Условное форматирование] (https://docs.handsontable.com/pro/1.7.4/demo-conditional-formatting.html) –

+0

Можете ли вы добавить настройки в свои руки? –

ответ

0

Вы можете использовать это решение:

Handsontable.hooks.add('afterRender', function() { 
var d = this; 
var quantity = d.getDataAtCol(1); 
var good = d.getDataAtCol(2); 
var damaged = d.getDataAtCol(3); 
var cut_torn = d.getDataAtCol(4); 


$.each(quantity,function(i,v){ 
    if (+good[i] !== 0 || +damaged[i] !== 0 || +cut_torn[i] !== 0){ 
if ((+good[i]] + +damaged[i] + +cut_torn[i]) != v) { 
    $(d.getCell(i,1)).css({'background':'yellow'}); 
    $(d.getCell(i,2)).css({'background':'red'}); 
    $(d.getCell(i,3)).css({'background':'red'}); 
    $(d.getCell(i,4)).css({'background':'red'}); 
} 
} 
}); 
}); 
Смежные вопросы