基础框架-表格问题 （自定义WordPress主题使用Join SWP和Fuffel6.2.1）

在下一页（）中，我有两个数据表，它们都没有堆叠在较小的设备和类上。不过.hover类正在工作

这是我对第一个表的代码（我对数据使用了自定义的post类型）。你知道为什么桌子没有叠起来，条纹没有去掉吗

<?php
$args = array (
'post_type'     => 'shrm_local_chapter',
'posts_per_page'    => -1,
'post_status'       => 'publish',
'order'         => 'ASC',
'orderby'           => 'chapter_location'
);
$loop = new WP_Query($args);
?>
<h2>Local Chapters</h2>
<p>Scroll down to obtain contact information for your nearest local Indiana SHRM Chapter. Information on how to join that chapter can be found on their local web page.</p>
<table class="stacked unstriped hover">
  <thead>
    <tr>
      <th width="50%">Name</th>
      <th width="50%">Location</th>
    </tr>
  </thead>
  <tbody>

<?php if ( $loop->have_posts() ) : while ( $loop->have_posts() ) : $loop->the_post();

$shrm_location = get_field( "chapter_location" );
$shrm_url = get_field( "chapter_url" );
$shrm_name = get_the_title();

echo '<tr>';
echo '<td><a href="'.$shrm_url.'">'.$shrm_name.'</a></td>';
echo '<td>'.$shrm_location.'</td>';
echo '</tr>';
endwhile; endif; wp_reset_postdata(); ?>
</tbody>
</table>

地方分会
向下滚动以获取最近的印第安纳州SHRM分会的联系信息。关于如何加入该章的信息可以在他们当地的网页上找到

名称
地方

一个“堆叠”表的类是

.stack

而不是

.Stacked

（）

看起来您的css文件不包含“unstiped”类（）（可能这是css的版本4.7.2，而不是6.2.1？），因此您必须创建自己的版本或升级css文件：

table.unstriped tbody {
    background-color: #[your std background colour here];
}
table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1; // your border colour, this is the stock colour
    background-color: #[your std background colour here];
}

---

糟了，我把stack的类名搞错了…！@$%^&我更新了最新版本的基金会，并修正了条纹问题。JointsWP安装中包含的版本指示6.2.1，但文件中不包含非管道类。不知道为什么，也不知道为什么我没有搜索这个类…我认为这是理所当然的。谢谢你的支持和帮助。