Template für Mobile-Tabelle?

[danielx11]

Hi Leute,

hat zufällig jemand ein passendes Template / CSS für die Ausgabe von Datensätzen in einer mobile responsive Tabelle?

Aktuell sieht es bei mir so aus:

<?php $this->extend($this->searchable ? 'block_searchable' : 'block_unsearchable'); ?>

<?php $this->block('content'); ?>
<div class="labels">
	<div class="columnHead">
		<div class="headTag">Tag</div>
		<div class="headEinstieg">Einstieg möglich am</div>
		<div class="headUhrzeit">Uhrzeit</div>
		<div class="headAnmeldung clearfix">Anmeldung</div>
	</div>
</div>
<?= $this->items ?>
<?= $this->pagination ?>
<?php $this->endblock(); ?>

<?php if (count($this->data)): ?> 

<div class="layout_full"> 

<?php foreach ($this->data as $arrItem): ?> 
<?php $this->block('item'); ?> 
<div class="item <?= $arrItem['class'] ?>"> 

<?php foreach ($arrItem['attributes'] as $field => $strName): ?> 
<?php if ((isset($arrItem[$this->getFormat()][$field]) && ($strValue = $arrItem[$this->getFormat()][$field]) 
    || (isset($arrItem['text'][$field]) && ($strValue = $arrItem['text'][$field])))): ?> 
<div class="field <?= $field ?>"> 
<?php if (!$this->view->get('hideLabels')): ?> 
<div class="label"><?= sprintf($GLOBALS['TL_LANG']['MSC']['field_label'], $strName) ?></div> 
<?php endif; ?> 
<div class="value"> <?= $strValue ?></div> 
</div> 
<?php endif; ?> 
<?php endforeach; ?> 

<div class="field url"><a href="{{link_url::16}}?kurs=<?= $arrItem['raw']['kurs'] ?>">Anmelden</a></div>

<?php $this->block('actions'); ?> 
<div class="actions"> 
<?php foreach($arrItem['actions'] as $action): ?> 
<?php $this->insert('mm_actionbutton', ['action' => $action]); ?> 
<?php endforeach; ?> 
</div> 
<?php $this->endblock(); ?> 
</div> 
<?php $this->endblock(); ?> 
<?php endforeach; ?> 
</div> 
<?php else : ?> 
<?php $this->block('noItem'); ?> 
<p class="info"><?= $this->noItemsMsg ?></p> 
<?php $this->endblock(); ?> 
<?php endif; ?>

Das wäre super

Viele Grüße

[zonky]

https://www.google.de/search?q=mobil...NpKg8wfG1L6YAg

[danielx11]

Hat sich erledigt:

<?php if (count($this->data)): /* display only if there is data. */ ?>
<?php $arrItem = $this->data[0]; /* fetch first item for title columns. */ ?>
 
<div style="overflow-x:auto;">
<table class="termintabelle">
  <thead>
      <tr>
	<th><?php echo $arrItem['attributes']['title']; ?></th>
	<th><?php echo $arrItem['attributes']['startdatum']; ?></th>
	<th><?php echo $arrItem['attributes']['enddatum']; ?></th>
	<th><?php echo $arrItem['attributes']['meldeschluss']; ?></th>
	<th><?php echo $arrItem['attributes']['ort']; ?></th>
	<th><?php echo $arrItem['attributes']['kontaktperson']; ?></th>
	<th><?php echo $arrItem['attributes']['email']; ?></th>
      </tr>
  </thead>
 
  <tbody>
  <?php?>
  <?php foreach ($this->data as $arrItem): /* loop over all items. */ ?>
 
    <tr>
	<td><?php echo $arrItem['text']['title']; ?></td>
	<td><?php echo $arrItem['text']['startdatum']; ?></td>
	<td><?php echo $arrItem['text']['enddatum']; ?></td>
	<td><?php echo $arrItem['text']['meldeschluss']; ?></td>
        <td><?php echo $arrItem['text']['ort']; ?></td>
        <td><?php echo $arrItem['text']['kontaktperson']; ?></td>
        <td><a href="mailto:<?php echo $arrItem['text']['email']; ?>"><?php echo $arrItem['text']['email']; ?></a></td>
    </tr>
 
  <?php endforeach; /* item loop */ ?>
  </tbody>
</table>
</div> 
<?php endif; ?>

Und die Tabelle auf 100% gesetzt.

[zonky]

https://github.com/codefog/restables