jQuery更改页面-“内部”改为“内部”。

Question

首先，我为奇怪的英语道歉。

我使用的是带有Chrome 70，Extjs 4的jQuery1.9

我只是使用jQuery函数css()给出‘分页-内部:避免’。

但元素风格改为“内部突破:避免”。

try

 $($(tr).find('iframe').contents()).find('table').each(function(index,tableDOM){
        $(tableDOM).css('page-break-inside','avoid');
 });

期望

<table border="1" cellpadding="1" cellspacing="1" style="width:500px; page-break-inside:avoid">

结果

<table border="1" cellpadding="1" cellspacing="1" style="width:500px; break-inside:avoid">

我不知道为什么会这样。我需要‘分页’内部‘而不是’突破‘，因为evopdf不认识’突破-内‘。

我可能错过了什么吗？

我很感谢你的帮助。谢谢

Answer 1

真的很奇怪。如果您使用style手动设置属性.attr()，则可以绕过它。

$(tableDOM).attr('style','page-break-inside:avoid');

​

//$('table').css('page-break-inside','avoid');
$('table').attr('style','page-break-inside:avoid; width:500px;');

table
{
border: 1px solid grey;
border-collapse: collapse;
}

td,th
{
 border: 1px solid grey;
 padding: 10px;
}

<table>
  <tr><th>a</th><th>b</th><th>c</th><th>d</th><th>e</th></tr>
  <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td></tr>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

​