as shown in the figure, it is said in the document that sets an item of row data data _ expanded to true, to expand the current row by default but it doesn"t have an example. I"m not sure where this attribute should be added
"" ,
as shown in the figure, it is said in the document that sets an item of row data data _ expanded to true, to expand the current row by default but it doesn"t have an example. I"m not sure where this attribute should be added
"" ,
I'm stuck here, too. I didn't get a reply from the subject of the private message before. Today, when I was reading the official documents, I suddenly came up with an alternative. I hope the students who have a better solution can put forward some suggestions.
document [ https://www.iviewui.com/compo.]
enable the extension function by setting an entry for columns data and specifying type: 'expand',.
set _ expanded to true, for the row data data to expand the current row by default, and set _ disableExpand to disable the current row expansion function.
this issue has been resolved.
the solution is as follows.
vue uses a data-driven view. So is iview. The
document says that you need to add unfold judgment to data when rendering.
so, when you click a button in a row, you just need to change the current data.
is the data data that you bind to the table.
deeply copy the original data data to the new data, then set the _ expanded property of the current column you are clicking on the new array to true
, and then reassign the new array to the data array shown in the table. A data replacement was completed. What unfolds is yours at the forefront. I hope to adopt it.
1. To make an editable table, I want to be able to use the render method of the table in the AotoComplete, in the editing state, but when displaying, I find that there is a problem with the calculation of the drop-down part of the AotoComplete, sometime...
When the project uses tree to display information, sometimes the user needs to select only one value, that is, radio selection. the ui framework of iview is used in the project. If I only have to select a single node, checkbox can only choose one e...
...
using the iview framework, if you want to disable discontiguous dates, try to find out and write back in the following way. disabledDate(date) { const disabledDay = date.getDate(); return disabledDay === 15 || disabledDay === 18 || disabledDay ...
<template> <div class="boxdiv"> <Carousel v-model="value1" loop> <CarouselItem class="car"> <div class="demo-carousel"> <div class="...
problem description webpack-dev-server installation encountered einval argument,read this error, who has encountered the environmental background of the problems and what methods you have tried iview-admin project 1.31 default webpack-dev-server v...
A set of iview components has a question about table <Form :model="formData"> <Table :columns="columns" :data="data" >< Table> < Form> Items in table can be edited, such as Input, and should be ...
there is a reference example in the documentation in iview <FormItem v-for="(item, index) in formDynamic.items" v-if="item.status" :key="index" :label=" Item + item.ind...
Today, when browsing the iview developer community, I saw the simplified render function shared by others, but the $.socpedSlots attribute on the real node is still not clear after reading the vue official website. After testing, I found that the attribu...
iview table components how the tag in the figure resolves to html ...
problem description iview3.0 version of TimePicker component will report an error when type= "timerange ". The component cannot select a time the environmental background of the problems and what methods you have tried iview3.0 version error pi...
introduce iview files into mpvue projects Wechat development tools report errors in code format when compiling or uploading do not report errors only when es6 to es5 is checked ...
problem description use the vue framework to form a dynamic table through v-for traversing the tr. Each cell of each row of the table has the select component of iview. Each line has a button, click to delete the line. The problem now is that after cl...
table " " < template > <Modal v-model="modal" width="50%" :mask-closable="false" @on-cancel="cancel"> <Card v-show="card1" :bordered="false" :dis-hover="true">...
this.$Modal.confirm({ render: (h) => { return h( Form , { ref: form }) } }) as above, how the Form added with render is validated. ...