In my application i have to display a table with data by binding a string which contains the require html code. My html code contains css classes , which radrichtextbox was not able to pickup initially, but after changing there case(to lower case) most of the sytle tags are working fine except border , cellspacing and cellpadding tags which i am using for table.
Xaml Code
ViewModel Code
html code which i am assigning to "Content" property as a string
<
head
>
<
title
> Sample</
title
>
<
style
type
=
'text/css'
>
<!--
th{font-weight: bold;font-size: 8pt; color: black; font-family: arial, sans-serif; text-align: center}
td{ font-weight: normal; font-size: 8pt; color: black; font-family: 'ms sans serif', arial, sans-serif; text-decoration: none}
td.text{ text-align: left}
td.cas_num{ text-align: left}
td.numeric{ text-align: right}
td.indicator{ text-align: center}
h2{font-weight: bold; font-size: 12pt; color: black; font-family: arial, sans-serif; text-align: center}
h4{ font-weight: normal ; font-size: 10pt; color: black; font-family: arial, sans-serif; text-align: left}-->>
</
style
>
</
head
>
<
body
>
<
h2
>Sample Report</
h2
>
<
h4
>For RadRichTextBox</
h4
><
br
/>
<
table
border
=
"2"
cellpadding
=
"2"
cellspacing
=
"2"
width
=
"100%"
>
<
tr
><
th
align
=
'center'
>First</
th
>
<
th
align
=
'center'
>Second</
th
>
<
th
align
=
'center'
>Third</
th
>
<
th
align
=
'center'
> Fourth</
th
>
</
tr
>
<
tr
><
td
class
=
'TEXT'
><
b
>Data1</
b
></
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'TEXT'
>Data2</
td
>
</
tr
>
<
tr
><
td
class
=
'TEXT'
>Data3</
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'NUMERIC'
>100.0000000000</
td
>
<
td
class
=
'TEXT'
>Data4</
td
>
</
tr
>
</
table
>
</
body
>
</
html
>
i have attached screen shots of radrichtextbox's output and expected output for further reference. Please have a look and provide solution to get the expected result ASAP.