是否可以将图像添加到 Ant Design Tables 中的单元格表中?

     2023-03-07     34

关键词:

【中文标题】是否可以将图像添加到 Ant Design Tables 中的单元格表中?【英文标题】:Is it possible to add an image to a cell Table in Ant Design Tables? 【发布时间】:2019-04-16 21:13:32 【问题描述】:

我正在尝试创建一个列,在他的条目中将包含一张小图片和一个名字。 如何使用 Ant Design 的表格来做到这一点?

https://ant.design/components/table/ 我似乎在文档或示例中找不到任何相关内容。

【问题讨论】:

【参考方案1】:

如果您使用表格的方式与其文档中显示的示例类似。(使用数据源数组)

你可以这样做

const columns = [
 
    title: '',
    dataIndex: 'image_URL_here',
    render:  () => <img src=`image_URL_here` />
 
]

【讨论】:

您的回答有误,请往下看。【参考方案2】:

接受的答案有错误,这里是怎么做的


      title: "Image",
      dataIndex: "ImageURL",  // this is the value that is parsed from the DB / server side
      render: theImageURL => <img alt=theImageURL src=theImageURL />  // 'theImageURL' is the variable you must declare in order the render the URL

您需要声明theImageURL,然后将其与altsrc 一起使用。

【讨论】:

【参考方案3】:

      
          title: 'Image',
          dataIndex: 'avatar',
          width: 50,
          maxWidth: 50,
          render: (t, r) => <img src=`$r.avatar` />
        ,
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.1/umd/react-dom.production.min.js"></script>

【讨论】:

请详细说明您在该代码块中做了什么。

是否可以使用 css 将图像添加为框阴影?

】是否可以使用css将图像添加为框阴影?【英文标题】:Isitpossibletoaddimageasboxshadowwithcss?【发布时间】:2017-12-1905:06:25【问题描述】:是否可以将图像添加为框阴影,例如将图像放置为带有点而不是标准阴影?https://i.stack.imgur.com... 查看详情

在标签栏中添加图像 (.gif)

...44:32【问题描述】:如何在TabBar图标中设置一个.gif动画?是否可以将.gif图像添加到tabBar图标。是否可以为图片设置动画?【问题讨论】:见:dribbble.com/shots/1766396-Animated-Tab-Bar-Icons【参考方案1】:简单来说,苹果没有为此提供api... 查看详情

HotKey 触发 Ant Design Select 开始搜索

...】:我正在使用“react-hotkeys-hook”并使用我的热键工作(可以通过onFocus()看到登录控制台)。目标是有一个热键,可以打开并将光标添加到Select组件。(使用ant设计-\'antd\')我遇到的问题 查看详情

是否可以将背景位置添加到 img /asp:image 标签

】是否可以将背景位置添加到img/asp:image标签【英文标题】:isitpossibletoaddbackgroundpositiontoimg/asp:imagetag【发布时间】:2015-04-0208:08:35【问题描述】:我正在优化页面加载我选择的第一个选项是base64转换我有18个小图片要加载到主页... 查看详情

将图像添加到 JFrame

...】:所以我将Eclipse与Windowsbuilder一起使用。我只是想知道是否无论如何我可以导入将显示在JFrame上的图像,我可以轻松地四处移动和重新调整大小,而不是设置位置和大小并绘制它。【问题讨论】:将图片添加到JLabel这是个好主... 查看详情

是否可以将图像从 App 分享到 Instagram Story

】是否可以将图像从App分享到InstagramStory【英文标题】:IsitpossibletoshareimagefromApptoInstagramStory【发布时间】:2019-07-2900:41:51【问题描述】:现在,我正在开发iOS、Android应用程序。我希望添加一个功能,直接将我的应用程序中的图... 查看详情

Ant Design 表格滚动事件

...用的是antdesigntable,我想固定表格的高度,当数据很大时添加滚动antdtabledemo我希望当用户滚动到表格底部时,从服务器获取更多数据。但是antdesigntable没有onScroll事件,我不知道用户滚动到什么时候,什么地方我发现这些人和我... 查看详情

您可以将内联 base64 编码图像添加到 Mandrill 模板吗?

...te?【发布时间】:2014-12-3014:27:48【问题描述】:有谁知道是否以及如何将Base64编码图像添加到Mandrill模板。我使用Mandrill模板来确保我的所有电子邮件都具有相同的外观和感觉,并且我有一个简单而小的徽标,我希望按照以下建... 查看详情

将图像添加到闪亮的应用程序

...像切成4并添加带有碎片的矩阵是一种选择,但我不确定是否可以做到。谢谢,迭戈【问题讨论】:所以您只 查看详情

将 Ant Design Form 与 Modal 集成

...前正在尝试创建一个组件来将antd表单与modal集成,以便我可以利用表单功能,例如“验证”。这是我的代码:发布请求的函数:importbaseUrlfrom"./baseUrl";exportasyncfunction_ 查看详情

是否可以从消息中获取图像并将其添加到 Discord.js 的文件夹中?

】是否可以从消息中获取图像并将其添加到Discord.js的文件夹中?【英文标题】:IsitpossibletogetanimagefromamessageandaddittoafolderinDiscord.js?【发布时间】:2021-09-2221:47:21【问题描述】:是否可以执行!imageadd[imagefile]之类的操作,然后将附... 查看详情

ant-design实现添加页面

1.逻辑代码/***添加用户*/importReact,PureComponentfrom‘react‘importCard,Form,Input,Select,Buttonfrom‘antd‘importconnectfrom‘react-redux‘/***用户列表*/constFormItem=Form.Item;constOption=Select.Option;@Form.c 查看详情

如何知道 Ant-Design 表单中的所有字段何时被验证(添加值)?

】如何知道Ant-Design表单中的所有字段何时被验证(添加值)?【英文标题】:HowtoKnowWhenAllFieldsareValidated(ValuesAdded)inAnt-DesignForm?【发布时间】:2019-10-1005:47:21【问题描述】:我有一个简单的Form,它检查用户的输入值,例如姓名、... 查看详情

如何将一些图像添加到资源中并可以在表单中使用? [复制]

...我的程序中使用。为此,一旦我添加到我的资源中,那么是否可以从资源中访问?因为发布后 查看详情

如何使用 Ant Design 将输入数字限制为最多两位小数?

...3【问题描述】:例如53.23或20.15但不超过2位小数。想知道是否有针对此的AntDesignAPI。<InputNumberdefaultValue=10style=width:\'30%\',m 查看详情

将背景图像添加到 QQuickItem

...上绘制了较小的QPixmaps。我想将图像用作QQuickItem的背景。是否有捷径可寻?【问题讨论】:【参考方案1】:如果您的自定义项目源自QQuickItem,您可以通过以下方式重新定义QQuick 查看详情

是否可以在 Swift 中捕获的图像中添加自己的元数据

】是否可以在Swift中捕获的图像中添加自己的元数据【英文标题】:IsitpossibletoaddownmetadataincapturedImagesinSwift【发布时间】:2015-04-2914:09:25【问题描述】:我对Swift和Ios编程非常陌生。如上所述,我喜欢将我自己的元数据插入到捕... 查看详情

是否可以将画布图像复制到剪贴板?

】是否可以将画布图像复制到剪贴板?【英文标题】:Isitpossibletocopyacanvasimagetotheclipboard?【发布时间】:2015-03-0722:54:15【问题描述】:我使用canvas.toDataURL("image/png",0.7)从我的画布对象创建了一个图像。从上下文菜单中保... 查看详情