Угловой материал и подходящий для пользователя

Я пытаюсь использовать handsontable с угловым и ngHandontable. Там, кажется, странное взаимодействие, когда диалог первой появляется, я вижу только первый столбецУгловой материал и подходящий для пользователя

тогда, когда я выбираю одну из этих клеток:

и, наконец, когда элемент в пределах строка изменилась я получаю форматирование я после:

кто-нибудь видел что-нибудь похожее на это и есть все, что я могу сделать, чтобы обойти это, кроме формы взлома CSS в handsontable?

ЯШ:

// ngHandsontable 
vm.minSpareRows = 1; 
vm.rowHeaders = false; 
vm.db = { items: items }; 
vm.settings = { 
    colHeaders: true, 
    contextMenu: ['row_above', 'row_below', 'remove_row']   
}; 

// overflow ellipsis from js 
vm.myCustomRenderer = function (hotInstance, td, row, col, prop, value, cellProperties) { 
    var MAX_LENGTH = 4; 

    if ((value + '').length > MAX_LENGTH) { 
     value = value.substr(0, MAX_LENGTH) + '...'; 
    } 
    td.innerHTML = value; 
}

HTML:

<hot-table settings="vm.settings" 
          row-headers="vm.rowHeaders" 
          min-spare-rows="vm.minSpareRows" 
          datarows="vm.db.items"> 
        <hot-column data="id" title="'ID'"></hot-column> 
        <hot-column data="name.first" title="'First Name'" type="'text'" read-only></hot-column> 
        <hot-column data="name.last" title="'Last Name'" read-only></hot-column> 
        <hot-column data="address" title="'Address'" width="150"></hot-column> 
        <hot-column data="product.description" title="'Favorite food'" type="'autocomplete'"> 
         <hot-autocomplete datarows="description in product.options"></hot-autocomplete> 
        </hot-column> 
        <hot-column data="price" title="'Price'" type="'numeric'" width="80" format="'$ 0,0.00'"></hot-column> 
        <hot-column data="isActive" title="'Is active'" type="'checkbox'" checked-template="'Yes'" 
           unchecked-template="'No'"></hot-column> 
       </hot-table>

источник

2016-07-19 bobwah

Может ли щелчок по ячейке или элементу внутри строки заполнить объект, например, с помощью HTTP-вызова? –

@camden_kid Не то, что я знаю, данные являются простым статическим блоком, и я не реализовал никаких обратных вызовов. Я отредактирую выше, чтобы показать блоки кода, которые я использовал. – bobwah

В параметрах 'md-dialog' у вас есть' preserveScope' установлено значение true? –

Вы можете это исправить, если разворачивать hansontable М.Д.-контента, я не знаю, что случилось с hansontable расчетом при этом создать таблицу , но директива md-content добавляет переполнение, вызывающее странное поведение.

источник

2016-07-20 11:48:09 user6613545

Угловой материал и подходящий для пользователя

ответ

Смежные вопросы