<template>
<t t-name="KanbanView">
    <table style="width:100%;" class="oe_kanban_view">
    <tr>
        <td>
            <div class="oe_form_header">
                <button type="button" class="oe_kanban_button_new">New</button>
            </div>
        </td>
    </tr>
    <tr>
        <td t-foreach="data" t-as="columns" class="oe_table_column oe_column_heading" t-att-id="'column_' + columns.value">
            <t t-if="columns.value" t-esc="columns.header"/>
        </td>
    </tr>
    <tr>
        <td t-foreach="data" t-as="columns" class="oe_table_column" t-att-id="'column_' + columns.value" t-attf-style="width: #{Math.round(99 / data.length)}%">
            <div class="oe_column" t-att-id="'column_' + columns.value">
                <div t-foreach="columns.records" t-as="record" class="oe_kanban_record" t-att-id="'main_' + record.id"/>
            </div>
        </td>
    </tr>
    </table>
</t>
</template>
