Я пытаюсь создать один и тот же тип выпадающего меню для того же значения в столбце D. Поэтому у меня возникла проблема в моей ручной таблице при сортировке столбца D. В моем примере ячейки 8330 и 33900 имеют выпадающий тип.Обычно ячейка 8330 является уникальным значением в раскрывающемся списке.
На первом показе он работает нормально, но когда я сортирую столбец D, возникает проблема.
function getCarData() {
return [
{car: "Mercedes A 160", year: 2017, price_usd: 7000, price_eur: 7000},
{car: "Citroen C4 Coupe", year: 2018, price_usd: 8330, price_eur: 8330},
{car: "Audi A4 Avant", year: 2019, price_usd: 33900, price_eur: 33900},
{car: "Opel Astra", year: 2020, price_usd: 5000, price_eur: 5000},
{car: "BMW 320i Coupe", year: 2021, price_usd: 30500, price_eur: 30500}
];
}
var
container = document.getElementById('example1'),
hot;
hot = new Handsontable(container, {
data: getCarData(),
columnSorting: true,
colHeaders: true
});
hot.updateSettings({
cells: function(row, col)
{
if (col === 3 && hot.getDataAtCell(row,col) === 8330) {
var cellMeta = {};
cellMeta.type = 'dropdown';
cellMeta.source = [
'LL',
'SS'];
return cellMeta;
}
}
});
</style><!-- Ugly Hack due to jsFiddle issue -->
<script src="https://docs.handsontable.com/pro/5.0.1/components/handsontable-pro/dist/handsontable.full.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/5.0.1/components/handsontable-pro/dist/handsontable.full.min.css">
<script src="https://docs.handsontable.com/pro/5.0.1/components/numbro/dist/languages.min.js"></script>
<div id="example1" class="hot handsontable htColumnHeaders"></div>
Пожалуйста, помогите