Direction RTL

[AbdelrhmanMohamed]

jsPDF with autotable plugin table does not obey right to left text direction from html element attribute values such as

https://stackoverflow.com/questions/59843249/jspdf-with-autotable-plugin-table-does-not-obey-right-to-left-text-direction-fro

[simonbengtsson]

Would be great to support indeed. Let me know if you are interesting in adding support for this.

[lexabug]

Yes, would be great to have this support.

[ZaidSameer]

Any Updates?

[mahyabagheri]

Hello , I've just found a solution for RTL direction in jsPDF-AutoTable,
Here in autoTableText.ts file in the source code add this config {isOutputRtl: true} if the string contains your rtl language alphabet, here I check for persian alphabet and also change parentheses:

if (styles.halign === 'center' || styles.halign === 'right') {
    let alignSize = fontSize
    if (styles.halign === 'center') alignSize *= 0.5

    if (splitText && lineCount >= 1) {
      for (let iLine = 0; iLine < splitText.length; iLine++) {
       if(checkIfContainsPersianAlphabet){
          const rtlText = checkForParentheses(splitText[iLine]);
          doc.text(
            rtlText ,
            x - doc.getStringUnitWidth(splitText[iLine]) * alignSize,
            y, {isOutputRtl: true}
          )
        }else {
          doc.text(
            splitText[iLine],
            x - doc.getStringUnitWidth(splitText[iLine]) * alignSize,
            y,
          )
        }
        y += lineHeight
      }
      return doc
    }
    x -= doc.getStringUnitWidth(text) * alignSize
  }

  if (styles.halign === 'justify') {
    doc.text(text, x, y, {
      maxWidth: styles.maxWidth || 100,
      align: 'justify',
    })
  } else {
    doc.text(text, x, y)
  }

  return doc
}

function checkIfContainsPersianAlphabet(str: string): boolean {
    const persianAlphabetRegex = /[\u0600-\u06FF\u067E\u0686\u0698\u06A9]/;
    return persianAlphabetRegex .test(str);
  }
  function checkForParentheses(str: string): boolean {
    const rtlTextArray = [];
    str.split("").forEach(ch => {
        if (ch === "(") {
          rtlTextArray.push(")")
        } else if (ch === ")") {
          rtlTextArray.push("(")
        } else {
          rtlTextArray.push(ch)
        }

      }
    )
    const rtlText = rtlTextArray.join("");
    return rtlText
  }