README

!!! 重要通知 !!!

• 版本：扩展只包含Contao >3.2，<=3.5的脚本

这个仓库是用来做什么的？

• 响应式表格jQuery插件，用于在小屏幕上堆叠表格。responsiveTable.js的目的在于提供一个简单的方法将宽表格转换为在小屏幕上表现更好的格式。
• 版本：1.0.0

如何设置？

1. 将文件夹复制到 /system/modules/。

2. 在您的表格或围绕表格的分区上添加类 responsiveTable，脚本只检查Contao的主列。例如

   <div class="responsiveTable">
   	<!-- or use on table tag the class responsiveTables but not on both of them -->
   	<table>
   		<tr>
   			<td>Titel 1</td>
   			<td>Titel 2</td>
   			<td>Titel 3</td>
   		</tr>
   		<tr>
   			<td>foo</td>
   			<td>goo</td>
   			<td>hoo</td>
   		</tr>
   		<tr>
   			<td>foo</td>
   			<td>goo</td>
   			<td>hoo</td>
   		</tr>
   	</table>
   </div>
   
   

3. 如果存在一个 ，它将被添加到 元素的所有 中，如果没有，脚本将使用第一个 元素并将其用作

它如何工作？

该扩展检查主列是否存在表格和类 responsiveTables。

如果存在，将获取 或第一个 ，并将其添加到所有 元素上作为属性 'data-th'（自动发生）。

属性 'data-th' 将添加到相同 元素上的 :before 选择器。

包含了一个用于标准表示的css。您可以在 system/modules/zixResponsiveTables/assets/css/responsiveTables.scss 中找到它，您可以自定义或覆盖它。

我应该和谁联系？

• Hakan Havutcuoglu
• info@havutcuoglu.com