Links not colored in datatable cells


Topic: Links not colored in datatable cells

kennovation pro priority vip early access asked 3 years ago

I'm new to MDB Pro + jQuery, but easily got datatables working nicely guided by this datatables example. 

However, in a table cell when I add an anchor tag, the link is not colored. Links outside of the table are styled correctly. Here's an example TD cell:

<td><a href="https://www.example.com" target="_blank">This should not be just black</a></td>

I'm sure this is just a newbie problem, but I just don't see it.

Also, I'm using 4.5.16 but the drowndown for this question form only allows 4.5.15 if that matters.

Thanks!


Marta Szymanska staff pro premium answered 3 years ago

Hi,

yes, links in a table have the same color as the normal text, they aren't blue like these links outside a table. You can add this CSS to change a color:

td a {
color: #007bff !important;
}

Do you think we should change the default color of a link from black to blue in our CSS code?

Best,

Marta


kennovation pro priority vip early access commented 3 years ago

This worked perfectly, thanks.

Yes, I do think that a blue link default would be appropriate since blue links are expected default behavior everywhere else. It would be nice to document that css fragment above in that case to hint how to change to black if that's what people want.


davidgreen commented 12 months ago

Hi, I agree that table links should be coloured using the default link colour. Not colouring the links will lead my target audience of teenagers on mobile phones to not realise there is a link there. Thanks.


Krzysztof Wilk staff commented 12 months ago

Hi!

Thanks for your suggestion. We'll consider adding it in future releases.

Best regards


Marta Szymanska staff pro premium answered 3 years ago

Hi,

thank you for your opinion, we will deal with this problem as soon as possible.

Best,

Marta


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.15
  • Device: MacBook Pro
  • Browser: Chrome
  • OS: Mohave
  • Provided sample code: Yes
  • Provided link: Yes
Tags