search

njleonzhang / vue-data-tables

A simple, customizable and pageable table with SSR support, based on vue2 and element-ui
https://njleonzhang.github.io/vue-data-tables
MIT License
1.02k stars 221 forks source link

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

Closed jonasdulay28 closed 5 years ago

jonasdulay28 commented 5 years ago

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

njleonzhang commented 5 years ago

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/

jonasdulay28 commented 5 years ago

why are fonts not supported? i am receiving this error [image: image.png]

On Tue, Oct 8, 2019 at 10:46 AM Leon Zhang notifications@github.com wrote:

Closed #230 https://github.com/njleonzhang/vue-data-tables/issues/230.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/njleonzhang/vue-data-tables/issues/230?email_source=notifications&email_token=AE2XLWVSG3QA7JJL7LSOKQTQNPYB5A5CNFSM4I4CZOX2YY3PNVWWK3TUL52HS4DFWZEXG43VMVCXMZLOORHG65DJMZUWGYLUNFXW5KTDN5WW2ZLOORPWSZGOUCIZ3AY#event-2693897603, or mute the thread https://github.com/notifications/unsubscribe-auth/AE2XLWTI7PDYA7ABPPSLUELQNPYB5ANCNFSM4I4CZOXQ .

--

JONAS R. DULAY FEU Institute of Technology Bachelor of Science in Information Technology *with *specialization in Web and Mobile Application

Web Developer / Web Designer / Software Tester

njleonzhang commented 5 years ago

I can not see your error.