| 
<style>.column {
 float: left;
 width: 30%;
 padding: 10px;
 }
 .row:after {
 content: "";
 display: table;
 clear: both;
 }
 </style>
 <div class="row">
 <?php for ($i = 1; $i <=3; $i++): ?>
 <div class="column">
 <table
 id="<?= $i ?>"
 class="metadata-table table-striped table-scrolling"
 data-save-position-url="<?= $this->url->href('MetadataTypesController', 'movePosition', array('plugin' => 'metaMagik')) ?>"
 >
 <thead>
 <tr>
 <th><?= t('Custom Field') ?></th>
 <th><?= t('Value') ?></th>
 </tr>
 </thead>
 <tbody id="<?= $i ?>" class="connected">
 <tr class="disabled">
 <td style="border: none"></td>
 <td style="border: none"></td>
 <td style="border: none"></td>
 <td style="border: none"></td>
 </tr>
 <?php foreach ($custom_fields as $custom_field): ?>
 <?php if (!empty($this->task->taskMetadataModel->get($task['id'], $custom_field['human_name'], '')) && $custom_field['column_number'] == $i): ?>
 <tr data-metadata-id="<?= $custom_field['id'] ?>">
 <td>
 <?php if ($_SESSION['user']['role'] == 'app-admin'): ?>
 <i class="fa fa-arrows-alt draggable-row-handle ui-sortable-handle" title="Change metadata position"></i> 
 <?php endif ?>
 <strong><?= $custom_field['beauty_name'] ?></strong></td>
 <?php if ($custom_field['data_type'] == 'textarea'): ?>
 <td><?= $this->text->markdown($this->task->taskMetadataModel->get($task['id'], $custom_field['human_name'], '')) ?></td>
 <?php else: ?>
 <td><?= $this->task->taskMetadataModel->get($task['id'], $custom_field['human_name'], '') ?></td>
 <?php endif ?>
 </tr>
 <?php endif ?>
 <?php endforeach ?>
 </tbody>
 </table>
 </div>
 <?php endfor ?>
 </div>
 
 |