Vuetify v-data-table居中对齐仅一列

文章/答案/技术大牛

发布

2回答

vue.js、vuejs2、vue-component、vuetify.js、v-data-table

我有： {{item.id}}如何将该列的内容垂直居中对齐

浏览 66提问于2020-02-28得票数 4

回答已采纳

1回答

使列的内容在vue datatable中左对齐

vue.js、vuetify.js、tailwind-css

align:'start'}, ];有效性列的单元格内容是居中的，但我希望它们向左对齐。如何使它们向左对齐？列标题与左对齐。

浏览 28提问于2022-04-12得票数 0

回答已采纳

5回答

如何格式化Vuetify数据表日期列？

javascript、html、vue.js、nuxt.js、vuetify.js

我有一个使用Vuetify数据表的简单数据表。其中一列是createdOn (日期时间)，我想格式化它。我该怎么做呢？这就是我现在得到的：<template> <v-data-table :headers="headers" :items="logs"></v-data-table></template> <

浏览 0提问于2019-09-15得票数 39

回答已采纳

1回答

将Vuetify 1.5数据表升级到2.0:自定义列、行显示和行上单击事件

vuetify.js

vuetify 2.0中数据表发生了重大变化，请查看vuetify 1.5的工作代码： <v-data-table :items="items" </tr> </

浏览 28提问于2020-12-07得票数 0

1回答

如何添加对表编号的列？

vue.js、vuejs2、vue-component、vuetify.js、vuex

我使用data和vuetify，您可以在下面的图像中看到我想要的最终结果。只需在左侧添加一列即可。我使用data和vuetify，您可以在下面的图像中看到我想要的最终结果。只需在左侧添加一列即可。label="Search" hide-details </v-card-title> <v-data-table=&q

浏览 6提问于2022-11-20得票数 0

回答已采纳

1回答

如何在验证数据表中添加单独的列搜索(文本输入)？

vue.js、vue-component、vuetify.js

我想为表中的每一列添加单独的列搜索(文本输入)。我在vuetify中找到了它，但没有相关的示例。我正在使用下面的代码。我需要一个像这样的表：组件 :headers="complex.headers":pagination.sync="pagination" >&l

浏览 2提问于2018-11-29得票数 0

1回答

Vuetify数据表:如何应用报头过滤器功能

vue.js、vuetify.js、v-data-table

根据的Vuetify文档，可以通过在标头项上提供filter属性来自定义特定表列的筛选。new Vue({ vuetify: new Vuetify(), return {<v-text-field v-model=&q

浏览 2提问于2020-10-17得票数 1

6回答

v-list-tile-content中的Vuetify Center内容

vue.js、vuetify.js

我发现v-list-tile-content元素有一个对齐项目: flex-start 如果我删除了它，它会自动应用这些类。据我所知，align-items是用于垂直对齐的，而对于水平对齐，正确的类是justify-items，对吗？

浏览 155提问于2019-01-31得票数 7

回答已采纳

1回答

验证数据表项与列不对齐

vue.js、vuetify.js

然而，所有的数据都显示在第一列，即混乱在一起。 <kudos-list inline-template> <tr> <td>{{ props.item.calories }}

浏览 1提问于2019-07-18得票数 0

回答已采纳

1回答

对vuetify数据表列应用css类格式的最佳方法

css、vue.js、vuetify.js

我已经为Vuetify的v- data -table动态更改了数据： <v-data-table :items="table_content" </v-data-table> 在table_headers中，我可以添加"class“，这样就可以将自定义的css格式应用于标题： table_headers: [所以我的问题是，有没有可能，或者最好的方法是将我保存

浏览 34提问于2021-04-15得票数 2

回答已采纳

2回答

如何在Vuetify数据表中显示所有项目而不是仅显示10行？

css、vue.js、vuetify.js

我正在使用Vuetify的： :ref="`sortableTable${index}`" :headers="headers" hide-default-footer> 我注意到

浏览 6提问于2020-04-07得票数 18

回答已采纳

1回答

如何在Vuetify v-data-table中将选择复选框列移到末尾？

vuejs2、vuetify.js

只需从Vue和Vuetify开始，然后有一个简单的问题。我使用v-data-table来显示我的数据，并且使用默认的v-model="selected"和show-select属性。默认情况下，复选框列显示为第一列，但我需要它作为最后一列，我如何实现这一点？这基本上是Vuetify文档示例，它与我的基本相同： <v-data-table :header

浏览 0提问于2019-08-16得票数 4

1回答

如何对v数据表中的计算值进行排序

vue.js、vuetify.js

我在我的v-data-table应用程序中有一个Vuetify的Vue.js。我想让那个专栏变得可分类。我试过的是：它提供：sort?HTML： :headers='headers'> <template v-slot:item.complete='{item)' class='error-

浏览 10提问于2021-12-09得票数 0

1回答

按显示的文本(不是模型)对证明表进行排序

vue.js、vuetify.js

Vuetify.js数据表组件具有内置的排序功能，但它根据模型中的数据而不是显示给客户端的文本进行排序。但由于Vuetify按模型排序，它对18 < 15 < 21进行排序，而不是15<18<21。有没有办法按计算/显示的值排序？</head> <div id=main> <v-

浏览 13提问于2019-03-19得票数 2

回答已采纳

3回答

Vuetify数据表操作行

vue.js、vuejs2、vuetify.js

是否可以左对齐每页的行、和页面导航，并在同一行中放置一个按钮？ 

浏览 1提问于2019-03-22得票数 3

回答已采纳

2回答

Github Wiki的表和头

github、markdown、wiki、textile

有什么简单的方法可以用头和表在Github中键入wiki文档？这是我最讨厌的：在这种情况下，人们会使用什么？没有大量输入/剪切和粘贴(以<table>为例)。

浏览 3提问于2013-01-10得票数 26

回答已采纳

2回答

Vuetify数据表槽中未显示图像

vue.js、vuejs2、vuetify.js

我试图在Vuetify数据表列中显示图像，但图像没有显示在所需的插槽中，并且仅显示图像的URL，例如"9384053.jpg“。如何使用Vuetify中的插槽显示图像？我尝试仅显示第一个图像，例如Segment，示例输出为846454.jpg。<v-card> Animals </v-card-title> <v-dat

浏览 14提问于2020-08-27得票数 0

回答已采纳

1回答

如何在Vuetify上添加点击事件？

vue.js、vuetify.js

<template> :headers="headers" :custom-sort="customSort" > <v-data-table

浏览 129提问于2019-08-29得票数 2

3回答

表列中的对中复选框

vue.js、vuetify.js

我试图在表格列中对复选框进行居中，但没有成功。无论我使用哪种对齐方式，复选框总是显示为左对齐。奇怪的是，如果我更改v的v-复选框，相同的代码就会工作。这个问题有什么解决办法吗？在这里，简单的视图代码： <v-app> <v-container> <v-data-table :items<v-checkbox color="primary&qu

浏览 0提问于2018-09-06得票数 3

回答已采纳

1回答

用Vue隐藏垂直v数据表中未填充的行

javascript、vue.js、vuetify.js、vue-data-tables

模板： <v-app id="inspire"> :headers="headers" hide-default-header class="elevation-1" ></v-data-table

浏览 12提问于2021-12-30得票数 1

回答已采纳

点击加载更多