From 49a2ff0df09b8849447f1711c56eaa6c59a1c14c Mon Sep 17 00:00:00 2001
From: Jon Walton <jonwalton@gmail.com>
Date: Thu, 12 Oct 2017 13:40:31 +0800
Subject: [PATCH] allow custom attributes in table td cell

---
 docs/components/table/README.md | 1 +
 lib/components/table.vue        | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/docs/components/table/README.md b/docs/components/table/README.md
index 3ccf6dcc0dd..1fdfc464cd0 100755
--- a/docs/components/table/README.md
+++ b/docs/components/table/README.md
@@ -256,6 +256,7 @@ The following field properties are recognized:
 | `thClass` | String or Array | Class name (or array of class names) to add to header/footer `<th>` cell
 | `thStyle` | Object | JavaScript object representing CSS styles you would like to apply to the table field `<th>`
 | `variant` | String | Apply contextual class to the `<th>` **and** `<td>` in the column - `active`, `success`, `info`, `warning`, `danger` (these variants map to classes `thead-${variant}`, `table-${variant}`, or `bg-${variant}` accordingly)
+| `tdAttr` | Object | JavaScript object representing additional attributes to apply to the `td` cell
 
 **Notes:**
  - _Field properties, if not present, default to `null` unless otherwise stated above._
diff --git a/lib/components/table.vue b/lib/components/table.vue
index d20d56fb244..08416a19b51 100644
--- a/lib/components/table.vue
+++ b/lib/components/table.vue
@@ -73,7 +73,8 @@
                     <template v-for="field in computedFields">
                         <td v-if="$scopedSlots[field.key]"
                             :class="tdClasses(field, item)"
-                            :key="field.key">
+                            :key="field.key"
+                            v-bind="field.tdAttr">
                             <slot :name="field.key"
                                   :value="getFormattedValue(item, field)"
                                   :unformatted="item[field.key]"
@@ -85,6 +86,7 @@
                             :class="tdClasses(field, item)"
                             :key="field.key"
                             v-html="getFormattedValue(item, field)"
+                            v-bind="field.tdAttr"
                         ></td>
                     </template>
                 </tr>