小编Rac*_*las的帖子

具有动态子列的 Ant 设计表

我正在使用 ant 的表并尝试设置动态列。

我需要的是一个表格,其中显示用户列表以及每个类别的表现,如下例所示。

在此输入图像描述

详细信息:我有一个分组列Performance,可以有不同的子列(当前示例显示列sciencephysics)。我正在调用 renderContent() ,它设置一个具有 property 的对象children。我从 ant 的示例找到了这个“解决方案” 。问题是ant的示例输出children prop类型字符串,而我的函数输出prop类型数组。这会导致错误。

这是沙箱的链接: https://codesandbox.io/embed/ecstatic-cookies-4nvci ?fontsize=14

注意:如果您取消注释列中的子数组[第 46-59 行],您将看到我的预期结果应该是什么。

jsx reactjs antd

7
推荐指数
1
解决办法
2万
查看次数

Slick:如何编辑幻灯片之间的边距?

我想知道是否可以使用光滑的滑块创建类似的东西?

  +-------+ +-------+
  |       | |       |
  |    +-------+    |
  +----|       |----+
       |       |
       +-------+
Run Code Online (Sandbox Code Playgroud)

问题在于设置幻灯片之间的边距。我发现如何在 Slick 轮播项目之间添加空格,它解释了您可以通过这种方式修改边距:

/* the slides */
 .slick-slide {
   margin: 0 27px;
 }

/* the parent */
 .slick-list {
   margin: 0 -27px;
 }
Run Code Online (Sandbox Code Playgroud)

但是,我无法将边距更改为负值,以便第三个元素将位于两个元素的顶部而不是仅位于它们之间。

有没有人碰巧这样做过,或者知道任何有类似内容的参考链接?

html javascript css jquery

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

antd ×1

css ×1

html ×1

javascript ×1

jquery ×1

jsx ×1

reactjs ×1