Allow arbitrary Elements in table columns

[lukasturcani]

I would like to be able to place buttons into the rows of the table. Something like

+-----------------+----------------+----------------+
|   column 1      |    column 2    |                |
+-----------------+----------------+----------------+
|      one        |      two       | <button>       |
+-----------------+----------------+----------------+
|      three      |      four      | <switch>       |
+-----------------+----------------+----------------+

For that I think that ColumnType and Column need to have a second type variable for msg.

-type ColumnType a
+type ColumnType a msg
     = StringColumn { value : a -> String, toString : String -> String }
     | IntColumn { value : a -> Int, toString : Int -> String }
     | FloatColumn { value : a -> Float, toString : Float -> String }
+    | ElementColumn { value : a -> Element msg }
     | UnsortableColumn (a -> String)

-type Column a
+type Column a msg
     = Column
         { title : String
-        , content : ColumnType a
+        , content : ColumnType a msg
         , width : Length
         }

[Orasund]

Hi. Yes you are right. This should be the correct way to fix this.

Could you please open a PR?

Lukas Turcani @.***> schrieb am Fr., 17. Dez. 2021, 21:27:

I would like to be able to place buttons into the rows of the table. Something like

+-----------------+----------------+----------------+ | column 1 | column 2 | | +-----------------+----------------+----------------+ | one | two | | +-----------------+----------------+----------------+ | three | four | | +-----------------+----------------+----------------+

For that I think that ColumnType and Column need to have a second type variable for msg.

-type ColumnType a +type ColumnType a msg = StringColumn { value : a -> String, toString : String -> String } | IntColumn { value : a -> Int, toString : Int -> String } | FloatColumn { value : a -> Float, toString : Float -> String }

• | ElementColumn { value : a -> Element msg } | UnsortableColumn (a -> String)

-type Column a +type Column a msg = Column { title : String

• , content : ColumnType a
• , content : ColumnType a msg , width : Length }

— Reply to this email directly, view it on GitHub https://github.com/Orasund/elm-ui-widgets/issues/84, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYRMLEWESM43FHUEULJCEDUROMMBANCNFSM5KJU32ZQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you are subscribed to this thread.Message ID: @.***>

[lukasturcani]

Will do!

[Orasund]

Thanks a lot ;) You were a big help!