Hi monoazulweb. 

I am sorry to disappoint you, but unfortunately there are no built in features that can achieve this.

You can, however, try with custom CSS Media Query, like this:

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  table.wpDataTable {
font-size: 12px !important;
}  
.wpdt-c thead {
font-size: 12px !important;
}
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
table.wpDataTable {
font-size: 12px !important;
}  
.wpdt-c thead {
font-size: 12px !important;
}
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
table.wpDataTable {
font-size: 12px !important;
}  
.wpdt-c thead {
font-size: 12px !important;
}
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
table.wpDataTable {
font-size: 12px !important;
}  
.wpdt-c thead {
font-size: 12px !important;
}
}

This does require some work, and at least basic knowledge of CSS, so you can explore StackOverflow, or GitHub for more resources on media queries.

Best regards.

You are welcome monoazulweb. Glad I could help.

If you have any more issues or questions feel free to open a new ticket, we will gladly help.

Best regards.