The multiple selection event of the table in element, how to select the row and change the color of the row?

when I select these pieces of data, the color of these lines changes, and when canceled, the color returns to normal. Add a highlight to the table. In the multi-selection event @ select-change= "selectChange"
selectChange: function (val) {
this.currentRow = val
}
, it has nothing to do with the multi-selection event. Only when you click on this line, the highlight occurs.
just found that the highlight is for the current row. If you don"t need the highlight, how to achieve the color change for the multi-selection and multi-line?

Javascript css html5

Mar.19,2021

https://jsfiddle.net/L5do6L3k.

add style-related code to the click event of the check box:

classclass

use row-style or row-class-name to add styles to selected lines

  <el-table
    ref="table"
    :data="tableData"
    border
    :row-style="selectedHighlight"
    @selection-change="handleSelectionChange"
  >

  methods: {
    selectedHighlight(row) {
      if ( /*row is selected*/ ) {
        return {
          "background-color": "black"
        };
        return {}
      }
    },

see element document

because you reset every time

the problem of the landlord is solved; I have the same needs as you

Previous: The height after flex calculation is under Sogou 7.0. isn't the height of the child element calculated according to the parent element?

Next: What's the point of returning a function inside a function?

Now you need to do a front-end page for ipad pro2. Ui gave me the blueprint, would you like to set my page to be the same size?
now you need to make a front-end page for ipad pro2. Ui gave the design drawing 2732 to 2048. Should my page be set to the same size ?...

Webapp ui-Design javascript css html5

Feb.28,2021
How to use Select components in ant design in ant design mobile
in using ant design mobile, you need to use the kind of Select component in antd, but it is not in ant design mobile. What should I do ...

Antdesign antd javascript css html5

Mar.02,2021
How to implement this component?
just getting started at the front end, inexperienced () vue how do you do the missing corner in the middle of the CSS? ...

Javascript css html5

Mar.10,2021
How to solve the click invalid event in the cross area?
there is a cross area between the secondary menu and the actual click area div HTML: <div class="level1-group dragDocument"> <a class="menu-level1"> <div> <img src="resource tem...

Javascript css html5

Mar.12,2021
The video written by the ios10 video tag is not fully displayed by the full-screen button.
on ios10 devices, the full-screen button for video tag video is incomplete. ...

Javascript css html5 html

Mar.13,2021
Using Vue to implement a list page to jump to the details page, the data of the details page can be selected, and then click OK to return to the list page, and the data selected on the details page is displayed in the corresponding column
there is a list page as shown below: " " 1011: " " : vue ...

Vue.js javascript css html5

Mar.20,2021
The returned file of the grab package is correct, but the suffix is incorrect. It is in .bin format and cannot be opened.
48.77Mstl148.77Mbin2203, but there will be an error when opening the bin file software. There is no problem for downloading stl directly, and it is invalid for bin to change the stl suffix. In this case, how to restore the bin file to stl?? URL: www.d...

Html grabs-Filter javascript css html5

Mar.20,2021
What will be downloaded without the download attribute in the a tag?
the correct way to write it is like this I want to ask, what are these things? ...

Javascript css html5

Mar.21,2021
How can I scroll the dom instead of the entire page when I move the mouse over it?
there is a problem that has been bothering me. The page is as follows, which is a simple html code-generated page. The page contains a div, in the body tag. I artificially make the body scrollable and the div content scrollable. the effect of the page...

Javascript css html5 html

Mar.21,2021
How to use js to restore the mobile browser page to the original zoom ratio?
there is a web page browsed on the mobile phone. I enlarged the page by gesture (without writing the relevant gesture control code, it is the gesture zoom function of the mobile browser). After testing, it is found that it has actually changed the value ...

Javascript css html5

Mar.24,2021
Can class in html be assigned dynamically?
<body class="row"> <div class="container body"> < div> < body> for example, I have a requirement that I want to dynamically set the class style of body based on the result of a js method, and swit...

Javascript css html5

Mar.25,2021
Vue renders pictures. If AA is composed of two parts, the image cannot be obtained, and bb can
AA: .. src opms resource + image opus 1531812188HEWIU.jpg , bb: .. src opms resource image opus 1531812188HEWIU.jpg , ...

Javascript css html5 html

Mar.28,2021
How does css make page elements scale in proportion to the size of the screen and keep them centered vertically all the time?
problem description you want to place a picture in the vertical center of the page, with some text on top of the picture. If you want pictures and text, you can scale according to the size of the screen. do you have any good ideas for implementation...

Javascript css html5 html

Mar.31,2021
How to solve the conflict between Android drop-down refresh and local scrolling on the mobile web page?
No problem on ios. Sliding up and down is basically no problem. Android pull-down refresh conflicts with the sliding area in the middle of the page, and once you swipe up (that is, when the finger is pulled down), it triggers the entire page drop-down ...

Vue.js javascript css html5

Apr.03,2021
Mobile end elastic layer effect?
as shown in the figure Click all, pop up the option layer, and the designer doesn t say much about it. There is no way to write with jq. I hope you can give me some advice code > . ...

Javascript css html5

Apr.03,2021
How do you do the dynamic effect of the Mijia purifier page?
the effect of the picture is as follows: there are star convergence and circle 3D dynamic effect, how do you do this? ] [1] ...

Javascript css html5

Apr.05,2021
Arc gradient progress bar
as shown in the figure below, what about the effect that changes with the voltage? ! [picture upload.] finally, the stupid method is used to solve the problem. The two images are superimposed with the same size, and the code is as follows: css: ....

Javascript css html5

Apr.07,2021
How does css make dynamic effects like waves?
if the water wave in the picture is stable, how can we achieve the dynamic effect of wave understanding like that? ...

Javascript css html5

Apr.07,2021
Mint-ui cell uses v-if to change icon error report
I want to implement a list of cloud disks, showing folder, xls, pdf, png and other file types. When using v-for to loop cell, add v-if to judge fileType, to further change the icon in slot. But when you modify it in img alone, you will get an error, say...

Javascript css html5

Apr.09,2021
How does HTML determine if the text is overflowing (that is, an ellipsis appears)?
as the title, I have also looked for this question on SO, but that question is too old, and the most liked answer is no longer valid. question is here . to this question, many people s answer is to determine whether ScrollWidth is greater than Outer...

Html javascript css html5

Apr.09,2021