[PBNTR-740] Advanced Table - Add Table Props to Rails kit (#4107)

**What does this PR do?** A clear and concise description with your
runway ticket url.
[PBNTR-740](https://runway.powerhrg.com/backlog_items/PBNTR-740) gives
the rails Advanced Table kit access to all of the props of the rails
Table kit under the hood via an optional `table_props` prop.
I tested various table props locally, such as: container: false, sticky:
true, vertical_border: true, striped: true, disable_hover: true.
The doc example matches the [React kit's Table Prop doc
example](https://playbook.powerapp.cloud/kits/advanced_table/react#table-props)
exhibiting container: false (so no outer top and side borders) and
sticky: true (so sticky header happens when scrolling past table).
`table_props` appears in the prop table at the bottom of the kit page.

**Screenshots:** Screenshots to visualize your addition/change
<img width="1131" alt="table props doc ex container sticky"
src="https://github.com/user-attachments/assets/2ad85bdb-3a4d-4aec-9470-de1a19986730"
/>
<img width="888" alt="prop table"
src="https://github.com/user-attachments/assets/9d2e1fcc-c62b-493c-81bd-34114e42146b"
/>


**How to test?** Steps to confirm the desired behavior:
1. Go to review env rails Advanced Table kit [Table Props doc
example](https://pr4107.playbook.beta.hq.powerapp.cloud/kits/advanced_table#table-props).
2. See Table Props doc example - currently nearly matches the React
Table Props doc ex.


#### Checklist:
- [x] **LABELS** Add a label: `enhancement`, `bug`, `improvement`, `new
kit`, `deprecated`, or `breaking`. See [Changelog &
Labels](https://github.com/powerhome/playbook/wiki/Changelog-&-Labels)
for details.
- [x] **DEPLOY** I have added the `milano` label to show I'm ready for a
review.
~~- [ ] **TESTS** I have added test coverage to my code.~~

Author: ElisaShapiro

playbook/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb

@@ -1,5 +1,5 @@
 <%= pb_content_tag do %>
-        <%= pb_rails("table", props: { size: "sm", data_table: true, number_spacing:"tabular", responsive:"none", dark: dark }) do %>
+        <%= pb_rails("table", props: { size: "sm", data_table: true, number_spacing:"tabular", responsive:"none", dark: dark }.merge(object.table_props)) do %>
           <% if content.present? %>
             <% content.presence %>
           <% else %>

playbook/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb

@@ -13,6 +13,8 @@ class AdvancedTable < Playbook::KitBase
       prop :responsive, type: Playbook::Props::Enum,
                         values: %w[none scroll],
                         default: "none"
+      prop :table_props, type: Playbook::Props::HashProp,
+                         default: {}
 
       def classname
         generate_classname("pb_advanced_table", responsive_classname, separator: " ")

playbook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb

@@ -0,0 +1,33 @@
+<% column_definitions = [
+    {
+      accessor: "year",
+      label: "Year",
+      cellAccessors: ["quarter", "month", "day"],
+    },
+    {
+      accessor: "newEnrollments",
+      label: "New Enrollments",
+    },
+    {
+      accessor: "scheduledMeetings",
+      label: "Scheduled Meetings",
+    },
+    {
+      accessor: "attendanceRate",
+      label: "Attendance Rate",
+    },
+    {
+      accessor: "completedClasses",
+      label: "Completed Classes",
+    },
+    {
+      accessor: "classCompletionRate",
+      label: "Class Completion Rate",
+    },
+    {
+      accessor: "graduatedStudents",
+      label: "Graduated Students",
+    }
+] %>
+
+<%= pb_rails("advanced_table", props: { id: "table_props_table", table_data: @table_data, column_definitions: column_definitions, table_props: { container: false, sticky: true }}) %>

playbook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md

@@ -0,0 +1 @@
+This kit uses the [Table kit](https://playbook.powerapp.cloud/kits/table) under the hood which comes with it's own set of props. If you want to apply certain Table props to that underlying kit, you can do so by using the optional `table_props` prop. This prop must be an object that contains valid Table props. For a full list of Table props, see [here](https://playbook.powerapp.cloud/kits/table).

…able/docs/_advanced_table_table_props.md …ocs/_advanced_table_table_props_react.mdplaybook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md renamed to playbook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md playbook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md renamed to playbook/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md

@@ -3,6 +3,7 @@ examples:
   - advanced_table_beta: Default (Required Props)
   - advanced_table_beta_subrow_headers: SubRow Headers
   - advanced_table_collapsible_trail_rails: Collapsible Trail
+  - advanced_table_table_props: Table Props
   - advanced_table_beta_sort: Enable Sorting
   - advanced_table_custom_cell_rails: Custom Components for Cells
   - advanced_table_column_headers: Multi-Header Columns