njleonzhang / vue-data-tables

A simple, customizable and pageable table with SSR support, based on vue2 and element-ui

Home Page:https://njleonzhang.github.io/vue-data-tables

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to put an customize data like html for data column/row

jonasdulay28 opened this issue · comments

Please follow the issue template, or your issue may be closed automatically.

For bug report, provide the following section

Online reproduce

It is important to provide an online sample to reproduce the issue.

Expected Behavior

I want to put an image

Current Behavior

it just displayed as plain text

Steps to Reproduce

Detailed Description

For feature request, provide the following section

Motivation / Use Case

Expected Behavior

Other Information

you can render anything you want with slot-scope, example:

    <el-table-column prop="flow_no" label="No." sortable="custom" type="expand">
      <template slot-scope="props">
        <p>State: {{ props.row.building }}</p>
        <p>City: {{ props.row.building_group }}</p>
        <p>Address: {{ props.row.cellphone }}</p>
        <p>Zip: {{ props.row.content }}</p>
      </template>
    </el-table-column>

It's the feature of el-table-column.

refer to http://jsfiddle.net/zpczjl/9tp3z4bn/

I can not see your error.